body{
    margin: 0;
    transition: all linear .2s;
}

.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
    margin: 0;
    position: relative;
    font-family: 'League Spartan';
}
h1{
    font-size: min(20vw, 200px);
    line-height: min(30vw, 250px);
    margin: 0;
}
h2{
    margin: 0;
    font-size: min(6vw, 50px);
    line-height: min(5vw, 60px);
}
.subtitle{
    transform: translateY(10vh);
    font-size: min(5vw, 25px);
    line-height: min(6vw, 24px);
    max-width: 70%;
    text-align: center;
    font-weight: 200;
    margin: 0;
}

.style1{
    background-color: #402698;
    color: #e7cef0;
}
.style1 h1{
    font-family: 'Rammetto One';
}

.style2{
    background-color: #ff5124;
    color: #004c89;
}
.style2 h1{
    font-family: 'Squada One';
    transform: scale(1.5);
}

.style3{
    background-color: #fc6ecb;
    color: #472aa2;
}
.style3 h1{
    font-family: 'Germania One';
    transform: scale(1.5);
}

.style4{
    background-color: #0039ec;
    color: #00c7ef;
}
.style4 h1{
    font-family: 'Courgette';
    transform: scale(1.5);
}

.style5{
    background-color: #be4167;
    color: #2d2557;
}
.style5 h1{
    font-family: 'Righteous';
    transform: scale(1.5);
}

.style6{
    background-color: #03d94f;
    color: #e83ba1;
}
.style6 h1{
    font-family: 'Jura';
    transform: scale(1.5);
}

.style7{
    background-color: #402898;
    color: #e7cef1;
}
.style7 h1{
    font-family: 'IM Fell French Canon';
    transform: scale(1.5);
}

.style8{
    background-color: #9d126a;
    color: #00c4d7;
}
.style8 h1{
    font-family: 'Prosto One';
}

.style9{
    background-color: #3a73f5;
    color: #8ba8f0;
}
.style9 h1{
    font-family: 'Yeseva One'; 
}

.style9{
    background-color: #3a73f5;
    color: #8ba8f0;
}
.style9 h1{
    font-family: 'Yeseva One'; 
    transform: scale(1.2);
}

.style10{
    background-color: #000000;
    color: #ffffff;
}
.style10 h1{
    font-family: 'Permanent Marker';
    transform: scale(1.2);
}

.style11{
    background-color: #e83ba1;
    color: #03d94f;
}
.style11 h1{
    font-family: 'Sassy Frass';
    transform: scale(2);
}

.style12{
    background-color: #00c4d7;
    color: #9d126a;
}
.style12 h1{
    font-family: 'Cormorant Garamond';
    transform: scale(1.5);
}


.font1{font-family:'Cormorant Garamond',serif}.font2{font-family:Courgette,cursive}.font3{font-family:'Germania One',cursive}.font4{font-family:'IM Fell French Canon',serif}.font5{font-family:Jura,sans-serif}.font6{font-family:'Yeseva One',cursive}.font7{font-family:'Permanent Marker',cursive}.font8{font-family:'Prosto One',cursive}.font9{font-family:'Rammetto One',cursive}.font10{font-family:Righteous,cursive}.font11{font-family:'Sassy Frass',cursive}.font12{font-family:'Squada One',cursive}
.gfontpreload{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    visibility: hidden;
}