html,
body{
    width:100%;
    min-height:100vh;
    overflow-x:hidden;
}

body{

    background-image:url("images/backgroundofsite.png");
    background-repeat:repeat-y;
    background-position:top center;
    background-size:100% auto;
    background-attachment:scroll;

    display:flex;
    justify-content:center;
    align-items:center;

    padding:30px 20px;
}


main{

    width:100%;
    max-width:420px;

    text-align:center;
}



.logo{

    width:75vw;
    max-width:320px;
    min-width:180px;

    margin-bottom:20px;
}



h1{

    font-size:2.2rem;
    line-height:1.2;
}



.subtitle{

    font-size:1.2rem;
    margin:20px 0 35px;
}



nav a{

    display:block;

    font-size:1.5rem;

    padding:12px;

    border:2px solid #50B59A;

    border-radius:8px;

    transition:.2s;
}

nav a:hover{

    background:#50B59A;
    color:#2E120C;
}