html{
    box-sizing:border-box;font-size:100%}*,
    :after,
    :before{box-sizing:inherit}
    body{
        background-color:#83b7d4;
        background-image:linear-gradient(#B7F8DB 40%, #50A7C2 160%);
        color:#000000;                                                 
        min-height:100vh;
        text-align:center;
        font-family:'Noto Serif', serif;
        }
        
        a:hover{background-color:#906fa8;color:#fff}
        a{
            color:#000000;
            display:block;
            padding:12px 20px;

            max-width:350px;
            margin:0 auto 15px; 
            font-size:.9rem;
            
            border:2px solid #fff;
            text-decoration:none;
            transition:all .2s ease-in-out
        }
        
        h3{
            font-size:14px;
            text-transform:uppercase;
            font-weight:400;
            letter-spacing:2px
        }
        h4{
            font-size:12px;
            text-transform:uppercase;
            font-weight:400;
            letter-spacing:2px
        }