html,body{overflow-x:hidden;position:relative;scroll-behavior:smooth;font-family:Mulish,sans-serif;background-color:snow;transition:all .3s ease-in-out}:root{--bg-main: rgb(241, 96, 38);--bg-section: #1e293b}h1{margin:0;width:fit-content;white-space:nowrap;font-size:36px;text-transform:uppercase;letter-spacing:-3px}h1 .hero-span{color:var(--bg-main)}p{font-family:inherit}a{text-decoration:none;font-family:inherit}ul{list-style:none;padding-inline-start:0}header{display:block;position:fixed;z-index:1300}.navbar{display:flex;position:fixed;overflow:hidden;background:linear-gradient(to bottom,#d34800,#e9a940);align-items:center;justify-content:space-between;width:100%;top:0;left:0;flex-wrap:wrap;height:fit-content;padding:10px}.navbar .mobilelogo{color:#fffdfdc4;font-size:20px;font-family:inherit;font-weight:700;letter-spacing:-2px}.logo{display:none}.navbar #burger{height:fit-content;background:none;border-radius:8px;border:1px solid rgba(255,255,255,.151);padding:5px 10px;cursor:pointer}.navbar #burger.active{border:2px solid #ffffff}.navbar .icon-menu{fill:#ffffff9c}.navbar-items{flex-basis:100%;flex-grow:1;transition:max-height .3s ease-in-out;max-height:0}.navbar-items.active{max-height:500px;opacity:1}.navbar-items .navlist{padding-inline-start:10px}.navbar-items .nav-list .list-item{padding:5px}.navbar-items .nav-list .list-item .nav-link{width:100%;font-size:16px;text-transform:uppercase;color:#ffffff80;font-family:inherit;font-weight:600;transition:all .3s ease-in-out}.navbar-items .nav-list .list-item .nav-link:hover{color:#ffffffb3}.navbar-items .nav-list .list-item .nav-link.active{color:#fff;font-weight:800}#theme-toggle{position:relative;height:30px;width:50px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:30px;background:linear-gradient(to right,#f87719,#ffca0f);padding:0 8px;overflow:hidden;transition:all .3s ease}.toggle-thumb{position:absolute;left:28px;width:18px;height:18px;z-index:3;background:#fff;border-radius:50%;transition:all .3s ease}.navbar .nav-left{display:flex;width:50%}.navbar .nav-right{display:flex;gap:20px;align-items:center;width:50%;justify-content:right}body.dark-theme .toggle-thumb{left:4px}.dark-theme{background-color:#121212}.hero{display:block;position:relative;overflow:hidden;margin-top:70px;border-bottom:1px solid rgba(0,0,0,.205)}.hero .container{display:flex;width:100%;height:100%;flex-direction:column;padding:10px}.hero .container .contact .contact-list .adress{text-transform:uppercase;font-style:normal;color:#697281;font-weight:700}.hero .container .contact .contact-list a{color:#697281;font-weight:600;font-style:normal}.hero .container .contact .contact-list a:hover{color:var(--accent-orange)}.hero .container .hero-body .body-para{color:#697281;letter-spacing:1px;line-height:24px}.hero .container .social-media{margin:35px}.hero .container .social-media .social-list{display:flex;gap:30px;justify-content:center}.experience,.education,.skill,.project,.hobbies{display:block;position:relative;overflow:hidden;padding:50px 0;border-bottom:1px solid rgba(0,0,0,.205);min-width:325px}.experience .container,.education .container,.hobbies .container{display:flex;width:100%;padding:10px;flex-direction:column}.experience .container .exp-head,.education .container .edu-head{text-transform:uppercase;font-size:26px;margin:10px;font-weight:800}h3{margin-block-start:0;margin-block-end:0;margin:10px 0;text-transform:uppercase}h4{text-transform:uppercase;font-size:16px;margin-block-start:0;margin-block-end:0}.experience .container .exp-list,.education .container .edu-list{display:flex;flex-direction:column;gap:30px}.experience .container .exp-list .exp-item{margin:10px 0}.experience .container .exp-list .exp-item .exp-company,.education .container .edu-list .edu-item .edu-company{color:#697281;font-weight:600}.experience .container .exp-list .exp-item .exp-date,.education .container .edu-list .edu-item .edu-date{font-size:14px;color:var(--bg-main);opacity:.8}.edu-button,.cv-button{display:block;margin:10px auto auto;padding:6px 10px;border-radius:12px;border:1px solid white;background-color:#00f;color:#fff;font-family:inherit;transition:all .3s ease-in-out;cursor:pointer;font-weight:600}.edu-button:hover,.cv-button:hover{background-color:var(--bg-main);font-weight:600}.edu-details{display:block;position:relative;width:90vw;margin:auto;transition:max-height .5s ease-in-out;max-height:0;overflow:hidden}.edu-details.shown{max-height:500px}.edu-details .container .detail-list{display:flex;flex-direction:column;gap:8px;transition:all .3s ease-in-out}.edu-details .container .detail-list .detail-item{display:flex;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(to right,#d34800,#e9a940);color:#fff;padding:10px;border-radius:8px;width:100%;margin:0 auto}.edu-details .container .detail-list .detail-item .item-list{display:flex;flex-direction:column;flex-basis:100%;transition:max-height .3s ease-in-out;opacity:0;max-height:0}.edu-details .container .detail-list .detail-item .icon{transition:all .3s ease-in-out}.edu-details .container .detail-list .detail-item .item-list.visible{padding-inline-start:20px;display:flex;flex-direction:column;gap:5px;transition:all .3s ease-in-out;max-height:200px;opacity:1;text-transform:capitalize}.edu-details .container .detail-list .detail-item .icon.rotated{transform:rotate(180deg);fill:#fff}.skill .container .skill-head{text-transform:uppercase;font-size:26px;margin:10px;font-weight:800}.skill .container .skill-section{display:flex;flex-direction:column}.skill .container .skill-section .soft .soft-head,.skill .container .skill-section .hard .hard-head{margin-left:10px;font-size:16px;color:#697281}.skill .container .skill-section ul{list-style:square;margin-left:40px}.skill .container .skill-section .hard ul{list-style:none;display:flex;flex-direction:column;gap:10px}.skill .container .skill-section .hard .skill-item{display:flex;align-items:center;gap:5px}.project .container .project-head{text-transform:uppercase;font-size:26px;margin:10px;font-weight:800}.project .container .project-section .project-item{max-width:360px;margin:auto}.project .container .project-section .project-item .project-name{margin-left:20px;margin-bottom:0}.project .container .project-section .project-item .project-list-item{border:1px solid black;margin:5px 10px;display:flex;position:relative;overflow:hidden;max-width:360px;border-radius:10px;justify-content:space-between;flex-wrap:wrap;height:calc(100% - 380px)}.project .container .project-section .project-item .project-list-item .project-body,.project .container .project-section .project-item .project-list-item .project-video{height:150px;width:100%;padding:2px;display:flex;align-items:center;margin:0 5px;flex:1 1}video{border-radius:10px}.project .container .project-section .project-item .project-list-item .project-body,.project .container .project-section .project-item .project-list-item .project-video{justify-content:right;margin-right:0}.project-buttons{display:flex;justify-content:center;align-items:center;gap:30px;margin:auto;max-width:360px;flex-basis:100%;width:100%;background-color:#ffc1a8;border-top:1px solid black;padding:5px;border-radius:8px}.project-buttons a{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:600;color:#0f172a;gap:5px}.project-buttons svg{fill:#000}.project .container .project-section .project-list{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap}.project .container .project-section .project-list .project-item .project-date{margin-left:25px;font-size:12px;color:var(--bg-main);opacity:.8}.hobbies .container .hobby-head{text-transform:uppercase;font-size:26px;font-weight:800}.hobbies .container .hobi-list{display:flex;flex-direction:column;gap:8px;list-style:circle;margin-left:40px}footer{margin-top:20px}footer .container{display:flex;flex-direction:column;align-items:center}footer .container .footer-social .social-list{display:flex;gap:25px;justify-content:center}footer .container .footer-social .footer-legal{font-size:12px;text-align:center}@media (min-width: 768px) and (max-width: 1440px){.hero{margin-top:250px}.hero .container .hero-head .hero-name{font-size:50px;font-weight:800}.hero .container .hero-head .contact .contact-list{display:flex;gap:25px;align-items:center;justify-content:start}.hero .container .hero-body .body-para{font-size:18px}.hero .container .social-media{margin:10px}.hero .container .social-media .social-list svg{width:48px;height:48px}.experience .container .exp-head,.education .container .edu-head{font-size:32px}h3{font-size:22px}h4{font-size:19px}p{font-size:18px}.experience .container .exp-list .exp-item .exp-date,.education .container .edu-list .edu-item .edu-date{font-size:16px}.skill .container .skill-section .soft .soft-head,.skill .container .skill-section .hard .hard-head{font-size:22px}.skill .container .skill-section .soft .skill-list .skill-li .skill-item,.skill .container .skill-section .hard .skill-list .skill-li .skill-item{font-size:18px}.skill .container .skill-section .hard .skill-list{gap:15px}.skill .container .skill-section .hard .skill-list svg{width:24px;height:24px}.hobbies .container .hobi-list{gap:15px;font-size:18px}footer .container .footer-social .social-list{gap:35px}footer .container .footer-social .social-list svg{width:32px;height:32px}footer .container .footer-social .footer-legal{font-size:14px}}@media (min-width: 1441px){.navbar{padding-left:0;padding-right:0;text-align:center;position:fixed;top:0;left:0;display:flex;flex-direction:column;width:272px;height:100vh;justify-content:flex-start;gap:50px}.navbar #burger{display:none}.navbar-items{max-height:500px}.navbar .nav-right{position:absolute;bottom:50px;margin:0;justify-content:center}#theme-toggle{width:60px;height:30px}#theme-toggle img{width:18px}.toggle-thumb{width:24px;height:24px;left:32px}.navbar .mobilelogo{display:none}.navbar .logo{display:flex;overflow:hidden;border-radius:50%;object-fit:cover;justify-content:center;width:135px}.navbar .nav-left{justify-content:center;align-items:end;height:30%}.navbar-items .nav-list{display:flex;flex-direction:column;gap:20px}.navbar-items .nav-list .list-item .nav-link{font-size:18px}body{padding-left:272px}.hero{margin-top:20%}h1{width:fit-content;font-size:56px;text-transform:uppercase;letter-spacing:-3px;margin:0;white-space:nowrap}.contact .contact-list{display:flex;align-items:center;gap:50px;font-size:18px}.hero .container .hero-body .body-para{font-size:1.15rem;letter-spacing:.02rem;line-height:32px}.experience .container .exp-head,.education .container .edu-head{font-size:30px}h3{font-size:21px}h4{font-size:19px}p{font-size:18px}.experience .container .exp-list .exp-item .exp-date,.education .container .edu-list .edu-item .edu-date{font-size:14px}.edu-details .container .detail-list .detail-item{width:70%}.skill .container .skill-head{font-size:30px}.skill .container .skill-section .soft .soft-head,.skill .container .skill-section .hard .hard-head{font-size:21px}.skill .container .skill-section .soft .skill-list .skill-li .skill-item,.skill .container .skill-section .hard .skill-list .skill-li .skill-item{font-size:18px}.skill .container .skill-section .hard .skill-list,.skill .container .skill-section .soft .skill-list{gap:15px;display:flex;flex-direction:column}.skill .container .skill-section .hard .skill-list svg{width:24px;height:24px}.skill .container .skill-section{flex-direction:row;gap:25%}.project .container .project-section .project-item{max-width:50%;margin:auto}.hobbies .container .hobi-list{gap:15px;font-size:18px}footer{padding-bottom:10px}footer .container .footer-social .social-list{gap:35px}footer .container .footer-social .social-list svg{width:42px;height:42px}footer .container .footer-social .footer-legal{font-size:16px}}.dark-theme .navbar{background-color:#444}.dark-theme h1,.dark-theme h2,.dark-theme h3{color:#e0e0e0;text-shadow:0 0 10px rgb(187,188,255)}.education .container .edu-list .edu-item{transition:all .3s ease-in-out}.experience .container .exp-list .exp-item .exp-company,.education .container .edu-list .edu-item .edu-company{color:#888}.dark-theme p,.dark-theme .hero .container .hero-body .body-para{color:#b0b0b0}.dark-theme svg{fill:#fff}.dark-theme .list-item{color:#b0b0b0}.dark-theme .project-buttons{background-color:#333;padding-top:10px}.dark-theme .project-buttons span,.dark-theme li{color:#b0b0b0}.dark-theme footer .container .footer-social .footer-legal{color:#b0b0b0}.dark-theme #theme-toggle{background:linear-gradient(to right,#673754,#b7b41c)}.dark-theme .project .container .project-section .project-item .project-list-item{border:1px solid #B0B0B0}.dark-theme .hero,.dark-theme .experience,.dark-theme .education,.dark-theme .skill,.dark-theme .project,.dark-theme .hobbies{border-bottom:1px solid rgba(255,255,255,.205)}.dark-theme .navbar-items .nav-list .list-item .nav-link{color:#e0e0e0;text-shadow:0 0 10px rgb(187,188,255)}.dark-theme .skill .container .skill-section .soft .soft-head,.dark-theme .skill .container .skill-section .hard .hard-head{color:#e0e0e0d5;text-shadow:0 0 10px rgb(187,188,255)}.dark-theme button{background-color:var(--bg-main);color:#000;text-shadow:0 0 12px #ffffff;font-weight:700}.dark-theme button:hover{background-color:#f5e8d8}.icon{transition:all .3s ease-in-out;transform:translateY(0)}.icon:hover{fill:#00f;transform:translateY(-4px)}