*,*:before,*:after{box-sizing:border-box;}
html{
    font-size:20px;
    position:relative;
    min-height:100%;
}
::-webkit-scrollbar{width:0;height:0;}
::-webkit-scrollbar-track{border-left:0;}
body{
    margin:2rem 1rem 4rem 1rem;
    background: url(bg.jpg);
    background-size: 100%;
    color:#000000;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,
    "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";word-break:break-word;
} 
.main{
    width:30rem;
    max-width:100%;
    margin:0 auto 1rem auto;
    text-align:center;
    border-radius: 0.375rem;
    padding:1.2rem;
    background-color:#000000;
    box-shadow:0 0 2.4rem rgba(0,0,0,0.3);
    color: #fff;
}
body{margin-top:5rem;}
.main h1,.main p{margin:0 0 1rem 0;color:inherit;}
.main h1:last-child,.main p:last-child{margin:0;}
.ava{height:6rem;margin:0 0 1rem 0;border-radius:100%;filter:drop-shadow(0 0.25rem 1rem rgba(0,0,0,0.25));}
.ava:first-of-type{margin-top:-4.2rem;}

.link{
    background-color: #000000;
    box-shadow:0 0 0.4rem rgba(0,0,0,0.1);
    margin:0 0 1rem 0;
    color: #fff;
    border-radius: 0.375rem;
    display:block;
    padding:0.5rem 0.8rem;
    margin:0 0 0.5rem 0;
    text-decoration:none;
}
.link-white{box-shadow:0 0 0 0.125rem #fff; }
.link-green{box-shadow:0 0 0 0.125rem #00ff00; }
.link-green2{box-shadow:0 0 0 0.125rem #00ff00; color: #00ff00;}