body {background-color: #111;background-size: cover;background-position: center;}.wrapper {background-color: rgba(0, 0, 0, .9);backdrop-filter: blur(10px) }.menu-btn, .wrapper {position: fixed;transition: .2s ease-in-out }#active:checked~.menu-btn, .details, .menu-btn {color: #fff }li {display: flex;}.menu {display: flex;flex-direction: column;}.menu-btn, ul {text-align: center }.section-title h2, .section-title p, .skills .progress .skill {text-transform: uppercase;font-family: Poppins, sans-serif }body {padding: 0;margin: 0 }.wrapper {top: 0;left: 0;height: 100vh;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;clip-path: circle(25px at calc(100% - 45px) 45px) }#active:checked~.wrapper {clip-path: circle(75%);z-index: 100 }.menu-btn {top: 20px;right: 20px;z-index: 200;height: 50px;width: 50px;line-height: 50px;border-radius: 50%;font-size: 20px;border: none;background-color: #f00 }.fa-bars {margin-top: 15px }#active:checked~.menu-btn i:before {content: "\f00d";z-index: 100 }.menu {height: 100vh;justify-content: center;align-items: center }li {list-style: none;margin: 9px auto }.link1{padding-bottom:75px}ul li a {text-decoration: none;font-weight: 800;letter-spacing: 4px;border-radius: 20px;display: inline-block;transition: .5s;position: absolute;font-size: 45px;left:50%;transform:translate(-50%);color: #f00 }ul li a:hover {transform: scale(1.5);opacity: 1;color: #f00 }ul:hover li a {opacity: 0;color: #f00 }ul li::after {content: attr(data-text);-webkit-text-stroke: 1px #fff;color: transparent;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 80px;font-weight: 900;text-transform: uppercase;opacity: 0;pointer-events: none;letter-spacing: 50px;transition: .5s }ul li:hover:after {opacity: .5;letter-spacing: 5px }input[type=checkbox] {display: none }@keyframes rotate {0% {filter: hue-rotate(0deg) }100% {filter: hue-rotate(360deg) }}@keyframes wipe-enter {0% {transform: scale(0, .025) }50% {transform: scale(1, .025) }}.section-title h2 {font-size: 14px;font-weight: 500;padding: 0;line-height: 1px;margin: 60px 0 20px;letter-spacing: 2px;color: #aaa }.section-title h2::after {content: "";width: 120px;height: 1px;display: inline-block;background: #f00;margin: 4px 10px }.section-title p {margin: -15px 0 15px;font-size: 36px;font-weight: 700;color: #fff }.about-me .content h3 {font-weight: 700;font-size: 26px;color: #f00 }.about-me .content ul {list-style: none;padding: 0 }.about-me .content ul li {margin-bottom: 20px;display: flex;align-items: center }.about-me .content ul strong {margin-right: 10px;color: #fff }.about-me .content ul i {font-size: 16px;margin-right: 5px;color: #f00;line-height: 0 }.about-me .content p:last-child {margin-bottom: 0 }.counts {padding: 70px 0 60px }.counts .count-box {padding: 30px 30px 25px;width: 100%;position: relative;text-align: center;background: rgba(255, 255, 255, .08) }.counts .count-box i {position: absolute;top: -25px;left: 50%;transform: translateX(-50%);font-size: 24px;background: rgba(255, 255, 255, .1);padding: 12px;color: #f00;border-radius: 50px;line-height: 0 }.counts .count-box span {font-size: 36px;display: block;font-weight: 600;color: #fff }.counts .count-box p {padding: 0;margin: 0;font-family: Raleway, sans-serif;font-size: 14px }.skills .progress {height: 60px;display: block;background: 0 0;border-radius: 0 }.skills .progress .skill {padding: 10px 0;margin: 0;display: block;font-weight: 600;color: #fff }.skills .progress .skill .val {float: right;font-style: normal }.skills .progress-bar-wrap {background: rgba(255, 255, 255, .2) }.skills .progress-bar {width: 1px;height: 10px;transition: .9s;background-color: #f00 }.cv {width: 220px;height: 46px;background-color: #f00;color: #fff;border-radius: 999px;text-align: center;font-weight: bold;border: none;position:absolute;left:50%;transform:translate(-50%)}.cv:hover {background: transparent;border: none;box-shadow: 0 0 20px #f00;}.fa-download {padding: 5px;color: #f00;background-color: #fff;border-radius: 50%;font-size: 12px; }@media screen and (max-width:750px) {.wrapper ul{position:absolute;top:180px;}.cv{position:absolute;top:450px;margin-left:5px}.wrapper{padding-left:10px}}