@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz@6..12&display=swap";nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}nav .logo-div{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--red-to-purple-color);font-size:30px;font-weight:800;cursor:pointer}nav ul{flex:1;text-align:right}nav ul li{display:inline-block;list-style:none;margin:10px 20px}nav ul li a{text-decoration:none;color:#fff;font-size:20px;position:relative}nav ul li a:after{content:"";width:0;height:3px;background:var(--red-to-purple-color);position:absolute;left:0;bottom:-6px;transition:.5s;display:block}nav ul li a:hover:after{width:100%}#icon{width:30px;cursor:pointer;margin-left:20px}nav .fas{display:none;color:#fff}.floating_nav{display:none}.floating_nav a{text-decoration:none}@media only screen and (max-width: 600px){.floating_nav{display:flex;padding:.5rem 2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:var(--red-to-purple-color);border-radius:3rem;bottom:.5rem;gap:1.3rem;left:50%;position:fixed;transform:translate(-50%);transition:all .5s ease;z-index:10000;width:max-content;box-shadow:3px 3px 3px #080808}.floating_nav svg{color:#fff;font-weight:800;font-size:25px;transition:transform .5s}.floating_nav svg:hover{transform:translateY(-2px);color:#080808}nav .fas{display:block;font-size:25px}nav ul{background:var(--red-to-purple-color);position:fixed;top:0;right:-200px;width:200px;height:100vh;padding-top:50px;transition:right .5s;z-index:100;color:#080808}nav ul.open{right:0}nav ul li{display:block;margin:25px}nav ul .fa-times{position:absolute;top:25px;left:25px;cursor:pointer}}@media only screen and (min-width: 601px) and (max-width: 925px){nav .fas{display:block;font-size:45px;color:#fff}nav ul{background:var(--red-to-purple-color);position:fixed;top:0;right:-200px;width:200px;height:100vh;padding-top:50px;transition:right .5s;z-index:100}nav ul.open{right:0}nav ul li{display:block;margin:25px}nav ul .fa-times{position:absolute;top:25px;left:25px;cursor:pointer}}#header{width:100%;height:100vh;background-image:url(/files/display.jpg);background-size:cover;background-position:center}.auto-input{color:var(--red-to-purple-color);font-weight:800}.heading{margin-top:10%;font-size:30px;color:#fff}.heading h1{font-size:60px;margin-top:20px}.heading h1 span{color:var(--red-to-purple-color)}@media only screen and (max-width: 600px){.heading p{margin-top:40%;font-size:40px}.heading h1{margin-top:40px;font-size:30px}}@media only screen and (min-width: 601px) and (max-width: 925px){.heading p{margin-top:40%;font-size:60px}.heading h1{margin-top:40px;font-size:50px}}#about{padding:80px 0;color:var(--about-color)}.row{display:flex;justify-content:space-between;flex-wrap:wrap}.column1{flex-basis:35%}.column1 img{width:100%;border-radius:16px}.column2{flex-basis:60%}.about-desc{color:var(--white-to-black-color)}.tab-titles{display:flex;margin:20px 0 40px}.tab-links{margin-right:50px;font-weight:700;font-size:18px;cursor:pointer;position:relative}.tab-links:after{content:"";width:0;height:3px;background-color:var(--red-to-purple-color);position:absolute;left:0;bottom:-8px;transition:.5s}.tab-links.active-link:after{width:100%}.tab-content ul li{list-style:none;margin:10px 0}.tab-content ul li span{color:var(--red-to-purple-color);font-size:14px}.tab-content{display:none}.tab-content.active-tab{display:block}@media only screen and (max-width: 925px){.column1,.column2{flex-basis:100%}.column1{margin-bottom:25px}.column2{font-size:14px}.tab-links{font-size:16px;margin-right:20px}}#skill{padding:50px 0;color:var(--about-color);display:flex;flex-direction:column;align-items:center;text-align:center}.skills-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:900px;background-color:var(--lightBlack-to-light-purple-color);padding:20px;border-radius:12px;box-shadow:0 4px 15px #000c;margin:30px auto}.skill{text-decoration:none;cursor:pointer;background-color:#2a2a2a;border-radius:8px;padding:10px 20px;font-weight:700;color:#fff;transition:background .3s ease}.skill:hover{background-color:var(--red-to-purple-color)}.circle-container{width:400px;height:400px;position:relative;border-radius:50%;animation:rotate 40s linear infinite;display:flex;justify-content:center;align-items:center;margin:30px auto}.icon{width:50px;height:50px;position:absolute;cursor:pointer}.skill-name-popup{position:fixed;color:#fff;font-size:18px;background-color:#222;padding:5px 10px;border-radius:8px;pointer-events:none;z-index:1000}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width: 600px){#skill{display:none}}#services{padding:30px 0}.services-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:40px;margin-top:50px}.services-list div{background-color:var(--lightBlack-to-light-purple-color);padding:40px;font-size:13px;font-weight:300;border-radius:10px;border-right:10px;transition:transform 1s}.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{text-decoration:none;color:var(--white-to-black-color);font-size:15px;display:inline-block;margin-top:20px}.services-list div:hover{background-color:var(--red-to-purple-color);transform:translateY(-10px)}#portfolio{padding:50px 0}.work-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:40px;margin-top:50px}.work{border-radius:10px;overflow:hidden;position:relative}.work img{border-radius:10px;display:block;width:100%;transition:transform .5s}.layer{width:100%;height:0;background:linear-gradient(rgba(0,0,0,.6),var(--red-to-purple-color));border-radius:10px;position:absolute;left:0;bottom:0;overflow:hidden;text-align:center;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:0 10px;font-size:14px;transition:height .5s;color:#fff}.layer h3{font-weight:500;margin-bottom:20px}.layer a{margin-top:20px;color:var(--red-to-purple-color);text-decoration:none;font-size:18px;line-height:60px;background:#fff;width:60px;height:60px;border-radius:50%;text-align:center}.work:hover img{transform:scale(1.1)}.work:hover .layer{height:100%}.work-list.full .work img{height:250px;object-fit:cover}#contact .row{align-items:flex-start}.contactleft{flex-basis:35%}.mail a{color:var(--white-to-black-color)}.contactmid{flex-basis:.5%;background-color:var(--red-to-purple-color)}.contactmid hr{transform:rotate(90deg);color:var(--white-to-black-color)}.contactright{flex-basis:55%}.contact-inputs:focus{border:2px solid var(--red-to-purple-color)}.contactleft p{margin-top:30px;font-size:20px}.contactleft p i{color:var(--red-to-purple-color);margin-right:15px}.socialicons{margin-top:30px}.socialicons a{text-decoration:none;display:inline-block;color:var(--social-icons);margin-right:15px;font-size:30px;transition:transform .5s}.socialicons a:hover{color:var(--red-to-purple-color);transform:translateY(-5px)}.btn.btn2{display:inline-block;background:var(--red-to-purple-color)}.contactright form{width:100%}form input,form textarea{width:100%;border:0;outline:none;background-color:#262626;color:#f5f0f0;padding:15px;margin:15px 0;border-radius:6px;font-size:18px}form .btn2{padding:14px 60px;cursor:pointer;font-size:18px;margin-top:20px;transition:transform 1s;border:none}form .btn2:hover{transform:translateY(-5px)}form .btn2:disabled{opacity:.6;cursor:not-allowed;transform:none}#submit-msg{color:#61b752;margin-top:10px;display:block;font-size:18px}#submit-msg.error{color:#ff5c5c}.mail-a{text-decoration:none;color:#fff}@media only screen and (max-width: 925px){.contactleft,.contactright{flex-basis:100%}.contactmid{display:none}}@media only screen and (max-width: 600px){.mail span{font-size:16px}}@media only screen and (min-width: 601px) and (max-width: 925px){.mail span{font-size:25px}}.copyright{width:100%;text-align:center;padding:25px 0;margin-top:20px;background:var(--lightBlack-to-light-purple-color)}.copyright i{color:var(--red-to-purple-color)}@media only screen and (max-width: 600px){.copyright{font-size:14px}}@media only screen and (min-width: 601px) and (max-width: 925px){.copyright{font-size:20px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito Sans,sans-serif}:root{--black-to-white-color: #080808;--lightBlack-to-light-purple-color: #262626;--red-to-purple-color: #ff004f;--white-to-black-color: #ffffff;--about-color: #faebd7;--social-icons: #ababab}.light-theme{--black-to-white-color: #FAF3F0;--lightBlack-to-light-purple-color: #D67BFF;--red-to-purple-color: #7743DB;--white-to-black-color: #080808;--about-color: #080808;--social-icons: #BEADFA}html{scroll-behavior:smooth}body{background-color:var(--black-to-white-color);color:var(--white-to-black-color)}.container{padding:10px 10%}.subtitle{font-size:30px;font-weight:600;color:var(--red-to-purple-color)}.btn{text-decoration:none;display:block;margin:50px auto;width:fit-content;border:1px solid var(--red-to-purple-color);padding:14px 50px;border-radius:6px;color:var(--white-to-black-color);cursor:pointer;transition:background .5s;background:none;font-size:16px}.btn:hover{background:var(--red-to-purple-color)}@media only screen and (max-width: 600px){.subtitle{font-size:40px}}@media only screen and (min-width: 601px) and (max-width: 925px){.subtitle{font-size:60px}}