*{font-family:"Inter",sans-serif;margin:0;padding:0}.container{max-width:1040px;margin:0 auto}.site-header{margin:100px 0;display:flex;align-items:center}h1{margin-left:66px;font-weight:700;font-size:30px;line-height:30px}ul{list-style:none}li{margin-bottom:20px}.site-main{padding-left:84px}main{width:100%}.table{border:1px solid #eee;width:100%;margin-bottom:20px}.table th{font-weight:bold;padding:5px;background:#efefef;border:1px solid #ddd}.table td{padding:5px 10px;border:1px solid #eee;text-align:left}.table tbody tr{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.table tbody tr td:first-child{width:20px}.table tbody tr td:last-child{width:140px;text-align:center}.table tbody tr:nth-child(odd){background:#fff}.table tbody tr:nth-child(even){background:#f7f7f7}.table tbody tr:hover{background-color:gray;color:#fff;cursor:pointer}.profile-btn{text-decoration:none;color:#000;font-weight:bold;font-size:1.5rem;position:relative}.profile-btn::before{position:absolute;content:'';top:50%;left:115%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);width:100%;height:2px;background-color:#000;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}.profile-btn::after{position:absolute;content:'';top:28%;left:210%;width:10px;height:10px;border-top:2px solid #000;border-right:2px solid #000;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}.profile-btn:hover,.profile-btn:active{text-decoration:underline}.profile-btn:hover::before,.profile-btn:active::before{left:125%}.profile-btn:hover::after,.profile-btn:active::after{left:219%}.fotter{position:fixed;bottom:6%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.fotter a{width:50px;height:50px;display:block;border-bottom:4px solid #999;border-left:4px solid #999;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}.fotter a:hover,.footer a:active{transform:rotate(-45deg) translate(30%,-30%);-webkit-transform:rotate(-45deg) translate(30%,-30%);-moz-transform:rotate(-45deg) translate(30%,-30%);-ms-transform:rotate(-45deg) translate(30%,-30%);-o-transform:rotate(-45deg) translate(30%,-30%)}@media only screen and (max-width:1200px){.container{width:70%}h1{margin-left:40px}.site-main{padding-left:64px}}@media only screen and (max-width:980px){.container{width:80%}}@media only screen and (max-width:850px){.container{width:90%}}@media only screen and (max-width:750px){.profile-btn{font-size:1.2rem}.profile-btn::before{width:84px}.profile-btn::after{left:150%}.site-main{padding-left:12px}}@media only screen and (max-width:550px){h1{font-size:20px}}