@import"https://fonts.googleapis.com/css2?family=Michroma&family=Oxygen:wght@300;400;700&family=Redacted+Script:wght@300;400;700&display=swap";#root{max-width:900px;margin:0 auto;padding:2rem;text-align:center}*{text-decoration:none;list-style:none;scroll-behavior:smooth}.btn-primary{background:linear-gradient(30deg,#242424 82%,#454242);border:none;color:#fff;display:flex;justify-content:center;align-items:center;margin:0 auto;border-radius:100px;font-size:1rem;font-weight:500;letter-spacing:.1rem;padding:.2rem .6rem .2rem 1.2rem;font-family:Oxygen,sans-serif;cursor:pointer}.btn-primary .icon{transform:rotate(70deg);margin-left:.7rem;transition:.3s}.btn-primary:hover .icon{transform:rotate(90deg)}nav{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:0 4rem;border-radius:5rem;background:#242424;background:linear-gradient(30deg,#242424 82%,#454242)}nav .logo h1{font-family:Michroma,sans-serif;font-weight:400;letter-spacing:.2rem}nav ul{display:flex;gap:1rem}nav ul li a,nav ul li a:visited{color:#fff}nav ul li a:hover,nav ul li a:visited:hover{text-decoration:underline}@media screen and (max-width: 768px){nav{display:flex;justify-content:center}nav ul{display:none}}.hero{margin:5rem 0}.hero .photo{position:relative;width:200px;height:200px;margin:0 auto}.hero .photo .profile-img{width:120px;height:120px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;transition:.3s}.hero .photo .profile-img:hover{transform:translate(-50%,-50%) scale(1.05);filter:invert(75%)}.hero .photo .rotating-text{width:200px;height:200px;animation:spin 10s linear infinite}.hero .photo .rotating-text text{font-size:12px;fill:#000;text-transform:uppercase;letter-spacing:2px}.hero h2{font-family:Oxygen,sans-serif;font-weight:700}.hero h2 .ui-tag{position:relative}.hero h2 .ui-tag:after{content:"dd";position:absolute;left:0;bottom:.6rem;width:100%;height:.2rem;font-family:Redacted Script,cursive;font-weight:500;color:#1ac11a}@keyframes spin{to{transform:rotate(360deg)}}.title{font-family:Oxygen,sans-serif;font-weight:700;margin-block:3rem;position:relative}.title:after{content:"ddddd";position:absolute;left:0;bottom:.6rem;width:100%;height:.2rem;font-size:2rem;font-family:Redacted Script,cursive;font-weight:500;color:#1ac11a}.services{font-family:Oxygen,sans-serif;font-size:1rem}.services .boxs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;padding:2rem 0;font-weight:400;align-items:center;justify-items:center;text-align:left;word-wrap:break-word}.services .boxs box{text-align:left}.services .boxs p{line-height:1.6}.works .boxs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;align-items:center}.works .boxs .box{background-color:#d6d6d6;height:200px;border-radius:40px;position:relative;overflow:hidden;cursor:pointer}.works .boxs .box:before{content:"Soon...";font-family:Redacted Script,cursive;color:#fff;position:absolute;font-size:2rem;font-weight:400;top:100%;left:0;width:100%;height:100%;background:linear-gradient(30deg,#242424 72%,#454242);border-radius:40px;transition:.3s;opacity:.5}.works .boxs .box:hover:before{top:50%}.footer{margin:5rem 0 1rem;color:#000;text-align:center}.footer ul{display:flex;margin:0 auto;justify-content:center;gap:1rem;padding:0}.footer ul li{list-style:none}.footer ul li:not(:first-child):before{content:"/";margin-right:1rem;color:gray}.footer ul li a{color:#000;transition:.3s}.footer ul li a:hover{text-decoration:underline}