@import"https://fonts.googleapis.com/css2?family=Archivo:wght@600&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";*{margin:0;padding:0;font-family:Roboto,sans-serif}.header-text,.sub-title{font-family:Archivo,sans-serif;font-weight:600}html{scroll-behavior:smooth}body{background:#080808;color:#fff;overflow-x:hidden}.wrapper{position:relative;width:100%;padding:40px 150px}.logo{font-size:28px;width:auto;text-decoration:none}.logo span{color:#fff}.logo:before{content:"Vicky ";color:#ffd300}nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;position:absolute;width:100%;z-index:1}.navbar-big{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;z-index:1;padding:10px 0}nav ul li{display:inline-block;list-style:none;margin:10px 20px}nav ul li a{color:#fff;text-decoration:none;font-size:18px;position:relative}nav ul li a:after{content:"";width:0;height:.9px;background:#ffd300;position:absolute;left:0;bottom:-6px;transition:.8s}nav ul li a:hover:after{width:100%}#sidemenu{position:fixed;top:0;right:-5000px;width:300px;height:100%;background-color:#333;padding:80px 20px 20px;display:flex;flex-direction:column;align-items:center;transition:right .3s ease-in-out;z-index:1}#sidemenu.active{right:0}#sidemenu li{list-style:none;margin:15px 0;text-align:center}#sidemenu a{color:#fff;text-decoration:none;font-size:18px}#sidemenu .close-button{position:absolute;top:20px;left:20px;color:#fff;cursor:pointer;font-size:24px;z-index:2}.burger{cursor:pointer;display:none;z-index:2}@media only screen and (max-width: 800px){.burger{display:block}}.navbar-icon{font-size:25px}.hero{background-image:url(/assets/Home-01-31eb63f2.jpg);background-size:cover;background-position:center;height:100vh;width:100%;position:relative;overflow:hidden}.hero .wrapper{height:80%;justify-content:left;align-items:center;padding:330px 150px;opacity:1;background-color:#0009}.hero .wrapper div:nth-child(1){color:#fff;font-size:30px}.hero .wrapper div h1{color:#fff;font-size:60px}.hero .wrapper div h1 span{color:#ffd300;font-size:60px}#about{padding:150px;color:#ababab}.row{display:flex;justify-content:space-between;flex-wrap:wrap}.about-col-1{flex-basis:35%}.about-col-1 img{width:100%;border-radius:15px}.about-col-2{flex-basis:60%}.sub-title{font-size:30px;font-weight:600;padding:10px 0;color:#fff}.tab-titles{display:flex;margin:20px 0 40px}.tab-links{margin-right:50px;font-size:18px;font-weight:500;cursor:pointer;position:relative}.tab-links:after{content:"";width:0;height:.9px;background:#ffd300;position:absolute;left:0;bottom:-6px;transition:.5s}.tab-links.active-link:after{width:50%}.tab-contents ul li{list-style:none;margin:10px 0;font-weight:700}.tab-contents ul li span{color:#ffd300;font-size:14px}.tab-contents{display:none}.tab-contents.active-tab{display:block}.skills-list{display:grid;grid-template-columns:repeat(3,.2fr);gap:10px;list-style:none;padding:0;font-weight:700}.skills-list li{margin:0;padding:10px;border-radius:5px}#services{padding:100px 150px}.services-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:50px}#services-detail{background:#262626;padding:40px;font-size:13px;font-weight:300;border-radius:8px;border:2px solid #ffee32;transition:background .8s,transform .2s}#services-detail:hover{background:#ffffff;transform:translateY(-3px);color:#000}#services-detail div i{font-size:50px;margin-bottom:30px}.services-list div h2{font-size:20px;font-weight:500;padding:10px 0}.services-list div a{font-weight:700;text-decoration:none;color:#ffd300;font-size:12px;margin-top:20px;display:inline-block}#portfolio{padding:100px 150px}.Project-title{padding:30px 0;text-align:center}.work-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:50px}.work{border-radius:10px;position:relative;overflow:hidden}.work img{width:100%;height:100%;border-radius:10px;display:block;transition:transform .8s}#wrapper-decs{padding:0 10px}.layer{width:100%;height:0;background:linear-gradient(rgba(0,0,0,.3),#585757);position:absolute;left:0;bottom:0;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0;text-align:center;font-size:10px;transition:height .8s}.layer h3{font-weight:500;margin-bottom:20px}.center-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#btn-project{color:#ffd300;width:30px;height:30px;border-radius:50%;background-color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:background-color .3s;margin:10px 0}#btn-project:hover{background-color:#ffd300;color:#fff}.work:hover img{transform:scale(1.1)}.work:hover .layer{height:100%}.btn{display:block;margin:50px auto;width:fit-content;border:1px solid #ffd300;padding:14px 50px;border-radius:6px;text-decoration:none;color:#fff;transition:background .5s}.btn:hover{background:#ffffff;color:#ffd300}.contact-left{flex-basis:35%}#contact{padding:100px 150px}.contact-right{flex-basis:35%}.contact-left p{margin-top:30px}.contact-left p i{color:#fff;margin-right:15px;font-size:25px}.social-icons{margin-top:30px}.social-icons a{text-decoration:none;font-size:25px;margin-right:15px;color:#fff;display:inline-block;transition:transform .7s}.social-icons a:hover{color:#ffd300;transform:translateY(-2px)}.btn.btn2{display:inline-block;background:#000000}.btn.btn2:hover{color:#fff}.contact-right form{width:100%}form input,form textarea{width:100%;border:0;outline:none;background:#262626;padding:15px;margin:15px 0;color:#fff;font-size:18px;border-radius:6px}form .btn2{padding:14px 60px;font-size:18px;margin-top:20px;cursor:pointer}.copyright{width:100%;text-align:center;padding:25px 10px;background:#171616;display:flex;justify-content:center;align-items:center}nav .fas{display:none;cursor:pointer}#about{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}#about.fade-in{opacity:1;transform:translateY(0)}#portfolio{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}#portfolio.fade-in{opacity:1;transform:translateY(0)}#services{opacity:0;transform:translate(20px);transition:opacity .7s ease,transform .8s ease}#services.fade-in{opacity:1;transform:translate(0)}@media (max-width: 833px){nav .fas{display:block;font-size:25px}nav ul{background:#1b1a1a;position:fixed;top:0;right:-200px;width:200px;height:100vh;padding-top:50px;z-index:2;transition:right}nav ul li{display:block;margin:25px}nav ul .fas{position:absolute;top:25px;left:140px;cursor:pointer}}@media (max-width: 798px){.wrapper{padding:30px}.logo{font-size:20px}.hero .wrapper{padding:300px 30px}.hero .wrapper div:nth-child(1){font-size:25px}.hero .wrapper div h1,.hero .wrapper div h1 span{font-size:30px}#about{padding:100px 40px}.about-col-1 img{width:100%}.about-col-2{font-size:14px}.about-col-2 h1{font-size:50px}.tab-links{font-size:16px;margin-right:30px}#services{padding:100px 40px}.services-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}#services-detail{padding:40px;font-size:13px}#portfolio{padding:100px 40px}#contact{padding:100px 10px}#contact .row{padding:100px 40px}.contact-left p{margin-top:20px}.social-icons a{font-size:20px}.btn{padding:14px 40px}}@media (max-width: 600px){#header{background-size:cover}.header-text{margin-top:100%;font-size:16px}.header-text h1{font-size:30px}nav .fas{display:block;font-size:25px}nav ul{background:#1b1a1a;position:fixed;top:0;right:-200px;width:200px;height:100vh;padding-top:50px;z-index:2;transition:right}nav ul li{display:block;margin:25px}nav ul .fas{position:absolute;top:25px;left:140px;cursor:pointer}.sub-title{font-size:40px}.about-col-1,.about-col-2{flex-basis:100%}.about-col-1{margin-bottom:30px}.about-col-2{font-size:14px}.tab-links{font-size:16px;margin-right:30px}.contact-left,.contact-right{flex-basis:100%}.copyright{font-size:12px}#contact{padding:100px 10px}#contact .row{padding:100px 50px}}@media (max-width: 320px){#header:before{background-size:cover}}@media (max-width: 432px){#header:before{background-size:cover}}@media (max-width: 280px){#header:before{background-size:cover}}@media (max-width: 844px){#about{opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .3s ease}#about.fade-in{opacity:1;transform:translateY(0)}#header:before{background-size:cover}}@media (max-width: 412px){#header:before{background-size:cover}}#grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));grid-gap:20px}.grid-item:hover{opacity:.5}.Project-title{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;font-size:30px}.responsive-image{max-width:100%;height:auto}.Wrapper{padding:50px 100px 100px}@media only screen and (max-width: 600px){.grid-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:0px;padding:0 10px}.Project{padding:100px 0 50px}.responsive-image{max-width:75%;height:auto}.Project-title{font-size:15px}#Content{padding:0 0 0 12px}.Wrapper{padding:0}.grid-item:hover{pointer-events:none;opacity:1}}@media only screen and (min-width: 600px){.grid-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.Project{padding:100px 5px 50px}}@media only screen and (min-width: 768px){.grid-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.Project{padding:100px 5px 50px}}@media only screen and (min-width: 992px){.grid-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.Project{padding:100px 5px 50px}}@media only screen and (min-width: 1200px){.grid-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.Project{padding:100px 5px 50px}}