*{
    margin: 0; padding: 0;
    font-family: 'Concert One'; font-weight: 100;
}

h1{
    font-size: 52px;
}
h2{
    font-size: 38px;
}
h3{
    font-size: 24px;
}

a{
    color: rgba(0,150,150,1);
    transition: color ease-out 0.5s;
    text-decoration: none;

    font-size: 20px;
}
a:hover{
    text-decoration: underline;
}
a:active{
    color: rgba(0,150,150,0.6);
    transition: none;
}
a.button{
    padding: 15px 20px;
    background-color: rgba(255, 255, 255, 0.3);

    border-radius: 12px;
    border: solid 2px #FFFFFF;

    transition: ease-out 0.5s;
}
a.button:hover{
    border: solid 2px rgba(0,150,150,1);
    text-decoration: none;

    transition: none;
}
a.button:active{
    background-color: rgba(0,150,150,0.6);
    color: white;

    transition: none;
}

span.gradient{
    background-color: rgba(0,150,150,1);
    background-image: linear-gradient(130deg, rgba(0,150,150,1) 0%, rgba(245,180,0,1) 100%);
    color: transparent;
    background-clip: text;
    animation: rainbow-text 3s infinite;
}



body{
    width: 100vw; height: 100vh;
    display: flex; justify-content: center; align-items: center;

    background: rgb(245,218,128);
    background: -moz-linear-gradient(130deg, rgba(128,245,245,1) 0%, rgba(245,218,128,1) 50%, rgba(245,245,245,1) 100%);
    background: -webkit-linear-gradient(130deg, rgba(128,245,245,1) 0%, rgba(245,218,128,1) 50%, rgba(245,245,245,1) 100%);
    background: linear-gradient(130deg, rgba(128,245,245,1) 0%, rgba(245,218,128,1) 50%, rgba(245,245,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80f5f5",endColorstr="#f5f5f5",GradientType=1);
    background-repeat: no-repeat; background-size: cover; background-position: center;

    overflow: hidden;
}

    #pageContainer{
        width: 100vw; height: 100vh;
        backdrop-filter: blur(12px);
        background-color: rgba(255, 255, 255, 0.3);
    }

    #card{
        min-width: 350px; width: 60%; max-width: 800px;
        height: 430px;

        padding: 2%;
        display: flex; flex-direction: column; align-items: center; justify-content: space-around;

        backdrop-filter: blur(12px);
        background-color: rgba(255, 255, 255, 0.3);

        border-radius: 32px;
        border: solid 2px #FFFFFF;
    }


        #titles{
            display: flex;
            flex-direction: column;
            align-items: center;
        }