*{background-color:#1f1f1f;margin:20px;margin-top:0;padding:0;box-sizing:border-box;font-family:b612 mono,monospace}nav{padding:30px;font-size:30px}nav ul{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}nav ul li{padding:15px 0;cursor:pointer}nav ul li.items{position:relative;width:auto;margin:0 16px;text-align:center;order:3}nav ul li.items:after{position:absolute;content:'';left:0;bottom:5px;height:2px;width:100%;background:#fff;opacity:0;transition:all .2s linear}nav ul li.items:hover:after{opacity:1;bottom:8px}nav ul li.term{flex:1;color:#fff;font-weight:600;cursor:default;user-select:none}nav ul li a{color:#fff;text-decoration:none;transition:.4s}nav ul li:hover a{color:#fff}nav ul li i{}nav ul li.btn{display:none}nav ul li.btn.hide i:before{content:'\f00d'}.about{padding-top:50px;display:block;margin-left:auto;width:15%;margin-right:auto}.name{text-align:center;color:#fff;font-size:40px;padding:20px}#me{padding-top:10px;text-align:center;color:#fff;font-size:30px}.cont{padding-top:20px;text-align:center}.cont a img{width:60px;height:60px;margin-left:30px}.error{padding-top:13%;text-align:center;font-size:60px}.footer{font-size:25px;position:fixed;padding:5px;left:0;bottom:0;width:100%;background-color:rgba(0,0,0,.2);color:#fff;text-align:center}@media all and (min-width:300px) and (max-width:700px){*{margin:0;font-size:15px}nav{padding:5px 30px}nav ul li.items{width:100%;display:none}nav ul li.items.show{display:block}nav ul li.btn{display:block}nav ul li.items:hover{border-radius:5px;box-shadow:inset 0 0 5px #fff,inset 0 0 10px whites}nav ul li.items:hover:after{opacity:0}nav ul li.term{}nav ul li a{color:#fff;text-decoration:none;transition:.4s}nav ul li:hover a{color:#fff}nav ul li i{font-size:23px}.about{padding-top:20px;width:45%}.name{font-size:20px}#me{font-size:14px}.cont{padding-top:20px}.cont a img{display:inline;width:39px;height:45px;margin-left:20px}.footer{font-size:14px}}@media only all and (min-width:700px) and (max-width:1200px){*{margin:0}nav{padding:5px 30px}nav ul li.items{width:100%;display:none}nav ul li.items.show{display:block}nav ul li.btn{display:block;font-size:25px;font-weight:700}nav ul li.term{font-size:25px}nav ul li a{color:#fff;text-decoration:none;transition:.4s}nav ul li:hover a{color:#fff}nav ul li i{}.about{width:40%}#me{font-size:30px}.cont{padding-top:30px}}