/* Base */

html,body{font-family:'Roboto', sans-serif, arial, verdana;font-size:100%;line-height:1.625rem;color:#36474E;margin:0;padding:0 !important;overflow-x:hidden;background: #F8B296;background: linear-gradient(235.28deg, #1E2956 24.65%, #917FAE 68.24%, #F8B296 110.03%)}
body{padding:3rem !important;}

input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}
::selection{background-color:#FFF9C4;text-shadow:none}

a{color:#F8B296;text-decoration: none; transition: all .2s;}
a:hover,
a:focus{color:#F8B296;transition: all .2s;text-decoration: none;}
a:focus{outline:none;}

input,
button{outline:none}
select{-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:'';}
select::-ms-expand{display:none;}


/* Site */

h1{font-size: 2rem;line-height: 2.6rem;margin: 0 auto 1rem;font-weight: 700;text-transform: uppercase;max-width: 800px;}
h2{font-size: 1.4rem;line-height: 1.8rem;margin:2rem 0 .5rem 0;font-weight: 700;}

ul{padding: 0;margin: 0 0 3rem;list-style: none;text-align: center;}
ul li{display: inline-block;margin: 0 1rem;}
ul li a{font-size: 1rem;color: #fff;font-weight: 700;}

.content{background-color: #fff;padding: 2rem;box-shadow: 0 0 60px rgb(0 0 0 / 0.2);border-radius: 10px;}

.table-responsive{max-width: 500px;margin: 0 auto;}
.table tr td:nth-child(2){background-color: silver;}
.table tr td:nth-child(3){background-color: #71c4e1;}
.first{color: #9b9b9b;}
.second{color: #4bb5db;}

@media (max-width:767.98px) {
    body, .content{padding: 1rem !important;}
    .site.container{padding: 0;}
    
    h1{font-size: 1.2rem;line-height: 2rem;}
    h2{font-size: 1rem;line-height: 1.6rem;}
}

@media (max-width:1070.98px) {
    ul li{display: block;}
    ul li:not(:last-child){margin-bottom: 1rem;}
}