@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body, html{
    margin:0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: linear-gradient(to bottom, #D5DEE7 0%, #E8EBF2 50%, #E2E7ED 100%), linear-gradient(to bottom, rgba(0,0,0,0.02) 50%, rgba(255,255,255,0.02) 61%, rgba(0,0,0,0.02) 73%), linear-gradient(33deg, rgba(255,255,255,0.20) 0%, rgba(0,0,0,0.20) 100%);
    background-blend-mode: normal,color-burn;
}

#content{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#logo{
    width: 98%;
    text-align: center;
    margin-top: 10px;
    padding: 1%;
}

#logo img{
    max-width: 360px;
}

#text{
    font-family: "Open Sans", sans-serif;
    font-size: 1.4em;
    padding: 1%;
    width: 98%;
}

.icon{
    max-width: 64px;
    margin-top: 10px;
}

#bottom{
    width: 100%;
    font-family: "Open Sans", sans-serif;
    font-size: 3em;
    text-align: center;
}

.button{ 
    display: inline-block;
    outline: none;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1;
    border-radius: 500px;
    transition-property: background-color,border-color,color,box-shadow,filter;
    transition-duration: .3s;
    border: 1px solid transparent;
    letter-spacing: 1px;
    min-width: 160px;
    /*text-transform: uppercase;*/
    white-space: normal;
    font-weight: 700;
    text-align: center;
    padding: 13px 48px;
    color: #fff;
    background-color: #1ED760;
    height: 48px;
}

.button:hover{
    transform: scale(1.00);
    background-color: #21e065;
}

#info{
    font-size: 16px;
    color: black;
    margin-top: 8px;
}

#info a{
    color: black;
    text-decoration: none;
}

#info a:hover{
    color:#1ED760;
    text-decoration: underline;
}