body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0}*,html{scroll-behavior:smooth}body{background-color:#080808;color:#fff}#header{background-position:50%;background-size:cover;position:relative}#bg,#header{height:100vh;width:100%}#bg{border-radius:5px;display:block;left:0;object-fit:cover;position:absolute;top:0;z-index:-1}#container{padding:10px}nav .fa-solid{display:none}nav{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}#logo{border-radius:60px;margin-left:30px;margin-top:40px;width:60px}nav ul li{display:inline-block;list-style:none;margin:10px 20px}nav ul li a{color:red;font-size:18px;font-weight:600;position:relative;text-decoration:none}nav ul li a:after{background:#ff0;bottom:-6px;content:"";height:3px;left:0;position:absolute;transition:.5s;width:0}nav ul li a:hover:after{width:100%}#header-text{font:size 30px;margin-left:30px;margin-top:7%}#header-text h1{font-size:60px;margin-top:20px}#header-text h1 span{color:red}#about{color:#ababab;margin-left:10px;padding:100px 50px}.row{display:flex;flex-wrap:wrap;justify-content:space-between}.about-col1{flex-basis:35%}.about-col1 img{border-radius:15px;width:100%}.about-col2{flex-basis:60%}.subtitle{color:#fff;font-size:60px;font-weight:600}.tab-title{display:flex;margin:20px 0 40px}.tab-links{font-size:18px;font-weight:600;margin-right:50px;position:relative}.tab-links:after{background-color:#ff004f;bottom:-8px;content:"";height:3px;left:0;position:absolute;transition:.5s;width:0}.tab-links.active-link:after{width:100%}.tab-contents ul li{list-style:none;margin:10px 0}.tab-contents ul li span{color:#b54769}#front{margin-left:-40px}.tab-contents ul li{padding-bottom:5px}.tab-contents{display:none;position:relative;right:40px}.tab-contents.active-tab{display:block}.tab-contents ul a button{background-color:#ff004f;border:none;border-radius:6px;color:#fff;margin-bottom:10px;margin-top:-10px;padding:10px;text-decoration:none}#study{margin-bottom:30px}#services{padding:10px 50px}.services-list{grid-gap:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:50px}.services-list div{background:#262626;border-radius:20px;border-right:10px;font-weight:13px;padding:40px;transition:background .5s,transform .5s}.services-list div i{font-size:50px;margin-bottom:30px}.services-list div h2{font-size:30px;font-weight:500;margin-bottom:15px}.services-list div a{color:#fff;display:inline-block;font-size:12px;margin-top:20px;text-decoration:none}.services-list div:hover{background-color:#ff004f;transform:translatey(-10px)}#experience{margin-top:80px;padding:10px 50px}.experience-list{grid-gap:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:50px}.experience-list div{background:#262626;border-radius:20px;border-right:10px;font-weight:13px;padding:40px;transition:background .5s,transform .5s}.experience-list div i{font-size:50px;margin-bottom:30px}.experience-list div h2{font-size:30px;font-weight:500;margin-bottom:15px}.experience-list div a{color:#fff;display:inline-block;font-size:12px;margin-top:20px;text-decoration:none}.experience-list div:hover{background-color:#ff004f;transform:translatey(-10px)}.btnew{align-items:center;background-color:#ff004f;border:none;border-radius:10px;color:#fff;display:block;justify-items:center;margin-top:20px;padding:15px 5px;width:20%}.experience-list div:hover .btnew{background-color:#fff}.experience-list div:hover .btnew a{color:#ff004f}#portfolio{margin-top:100px;padding-left:50px;padding-right:50px}.work-list{grid-gap:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:50px}.work{border-radius:10px;overflow:hidden;position:relative;text-decoration:none}.work img{display:block;transition:transform(.5s)}.layer,.work img{border-radius:10px;width:100%}.layer{align-items:center;background:linear-gradient(#0009,#ff004f);bottom:0;color:#fff;display:flex;flex-direction:column;font-size:14px;height:0;justify-content:center;left:0;overflow:hidden;padding:0 40px;position:absolute;text-align:center;transition:height .5s}.layer h3{color:#fff;font-weight:500;padding-bottom:20px}.work:hover img{transform:scale(1.1)}.work:hover .layer{height:100%}#contact{margin:40px 10% 10px;padding-top:50px}.contact-left{flex-basis:35%}.contact-right{flex-basis:65%}.contact-left p{margin-top:20px}.contact-left p i{color:#ff004f;font-size:25px;margin-right:15px}.social-icons{margin-top:30px;padding:10px}.social-icons a{color:#ababab;display:inline-block;font-size:20px;margin-right:35px;text-decoration:none;transition:transform .5s}.social-icons a:hover{color:#ff004f;transform:translateY(-5px)}.btn a{text-decoration:none}.btn a button{margin-top:20px;padding:5px 3px;transition:.5s;width:35%}.btn a button,.contact-right form button{background-color:#ff004f;border:none;border-radius:6px;color:#fff;display:block}.contact-right form button{padding:5px;width:10%}.contact-right form{width:100%}form input,form textarea{background:#262626;border:0;border-radius:6px;color:#fff;font-size:10px;margin:15px 0;outline:none;padding:15px;width:100%}.copyright{background:#262626;font-weight:300;margin-top:20px;padding:25px 0;text-align:center;width:100%}.copyright i{color:red}#msg{color:#61b752;display:block;margin-top:10px;padding-bottom:100px}#text{border:none;margin-bottom:25px}@media only screen and (max-width:600px){#header-text{font-size:16px;margin-top:40%}#header-text h1{font-size:30px}nav .fa-solid{display:block;font:25px}#logo{width:50px}#close{left:160px}#close,#open{position:absolute;top:20px}#open{right:30px}nav ul{background:#ff004f;height:100vh;padding-top:50px;position:fixed;right:-200px;top:0;transition:right .5s;width:200px;z-index:2}nav ul li{display:block;margin:25px}nav ul .fa-solid{cursor:pointer;display:block;left:25px;position:absolute;top:25px}nav ul li a{color:#fff;position:relative;right:40px;top:10px}#about{padding-left:10px}#logo{margin-top:20px}.subtitle{font:30px}.about-col1,.about-col2{flex-basis:100%}.about-col1{margin-bottom:30px;margin-right:100px}.about-col2{font-size:14px}.tab-links{font:16px;margin-right:20px}.contact-left{flex-basis:100%;margin-bottom:0}.contact-right{flex-basis:100%;margin-top:0}.copyright{width:100%}.contact-right form button{background-color:#ff004f;border-radius:6px;color:#fff;display:block;padding:5px;width:20%}.btn a button{margin-bottom:40px}#services{padding-left:20px}#portfolio{margin-left:-27px}#experience{padding-left:20px}.btnex{width:40%}.layer h2{margin-top:30px}}.button1{background-color:#000;border:none;border-radius:.5em;box-shadow:2px 2px 3px #000000b4;color:#fff;cursor:pointer;font-size:1.4em;padding:.3em .5em}.button1 a{text-decoration:none}.container1{background:linear-gradient(90deg,#03a9f4,#f441a5);border-radius:.9em;padding:3px;position:relative;transition:all .4s ease}.container1:before{border-radius:.9em;content:"";filter:blur(0);inset:0;margin:auto;position:absolute;transition:filter .4s ease;z-index:-10}.container1:hover:before{background:linear-gradient(90deg,#03a9f4,#f441a5);filter:blur(1.2em)}.container1:active:before{filter:blur(.2em)}.wrapper{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;text-align:center;width:100%}.inner{--w:170px;--h:170px;--translateZ:calc(var(--w) + var(--h));--rotateX:0deg;--perspective:500px;animation:rotating 30s linear infinite;height:var(--h);left:calc(50% - var(--w)/2 - 2.5px);margin-top:170px;position:absolute;top:25%;transform:perspective(var(--perspective));transform-style:preserve-3d;width:var(--w);z-index:2}@keyframes rotating{0%{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(0)}to{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(1turn)}}.card{border:2px solid rgba(var(--color-card));border-radius:12px;inset:0;overflow:hidden;position:absolute;transform:rotateY(calc((1turn/var(--quantity))*var(--index))) translateZ(calc(var(--translateZ) - 50px))}.img{background:radial-gradient(circle,rgba(var(--color-card),.2) 0,rgba(var(--color-card),.6) 80%,rgba(var(--color-card),.9) 100%);height:100%;object-fit:cover;width:100%}@media (max-width:480px){.inner{--w:100px;--h:100px;--translateZ:calc(var(--w) + var(--h));--perspective:300px}.card{border-radius:8px}.img{background-position:50%;background-size:cover}}
/*# sourceMappingURL=main.e543dd0d.css.map*/