@import"https://fonts.googleapis.com/css2?family=Orbitron&display=swap";@import"https://fonts.googleapis.com/css2?family=Moderustic&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:40px;width:40px;left:0;top:0;bottom:0;margin:auto 0;-webkit-transition:.4s;transition:.4s;box-shadow:0 0 15px #2020203d;background:navy url(https://i.ibb.co/FxzBYR9/night.png);background-repeat:no-repeat;background-position:center}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translate(24px);background:#fff url(https://i.ibb.co/7JfqXxB/sunny.png);background-repeat:no-repeat;background-position:center}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}#home,#skills,#projects{scroll-margin-top:100px}.navbar,.navbar .social-container{gap:16px}.navbar{position:fixed;left:0;top:0;width:100%;z-index:1;background-color:var(--body_background);border-bottom:1px solid var(--body_color);opacity:.95}.navbar-content{padding:30px 20px}.navbar-brand{display:flex;align-items:center;justify-content:space-between}.navbar-brand a.logo{font-family:Orbitron,serif;font-size:2.5rem;font-weight:700;text-transform:capitalize;text-decoration:none}.navbar-brand .hamburger{display:block;background:none;border:none;cursor:pointer}.navbar-brand .hamburger .bar{display:block;width:25px;height:3px;background-color:var(--body_color);margin:5px 0}.navbar a{text-transform:uppercase}.navbar a:visited,.navbar a:link,.navbar a:focus{color:var(--body_color)}.navbar a:hover{color:#a9a9a9}.nav-menu{display:block;max-height:0;overflow:hidden;transition:max-height 1s cubic-bezier(.215,.61,.355,1)}.nav-menu.open{max-height:500px;transition:max-height 2s cubic-bezier(.165,.84,.44,1)}.nav-menu>ul{display:flex;flex-direction:column;justify-content:center;align-items:center;list-style:none;margin-bottom:16px}.nav-menu>ul,.nav-menu .social-icons{gap:16px}.nav-menu a{font-size:1.8rem;font-weight:500;outline:none;text-decoration:underline}.navbar .social-container,.navbar .social-icons{display:flex;flex-direction:column;align-items:center}.navbar .social-icons a{width:45px;height:45px;border:1px solid var(--body_color);border-radius:50%;text-decoration:none;display:flex;justify-content:center;align-items:center;transition:.3s all ease}.navbar .social-icons a:hover{background-color:var(--body_color);color:var(--body_background)}.navbar .language-container{display:flex;flex-direction:column;align-items:center;margin-top:22px;gap:16px}.navbar .language-container button{width:48px;height:48px;border-radius:50%;background:transparent;border:none;cursor:pointer}.navbar .language-container button>img:hover{filter:brightness(120%)}@media (min-width: 1024px){.navbar .navbar-content,.navbar .nav-menu>ul,.navbar .social-container,.navbar .social-icons{flex-direction:row}.navbar .navbar-content,.navbar .nav-menu{display:flex!important}.navbar .navbar-content,.navbar .nav-menu{justify-content:space-between;gap:28px;max-height:none!important;overflow:visible}.navbar .nav-menu>ul{gap:34px;margin-bottom:0}.navbar .social-icons{gap:14px}.navbar .nav-menu a{text-decoration:none}.navbar .nav-menu>ul a:link,.navbar .nav-menu>ul a:visited,.navbar .nav-menu>ul a:focus{border-bottom:none}.navbar .social-container,.navbar .social-icons,.navbar .language-container{align-items:center}.navbar-brand .hamburger{display:none}.navbar .language-container{flex-direction:row;margin-top:0;gap:14px}}#home .sec-contents{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:30px}#home .sec-contents .home-left{flex:1 400px}#home .sec-contents .home-left h2,#home .sec-contents .home-left h2 span{font-size:3.5rem;margin-bottom:14px}#home .sec-contents .home-left p{font-size:2.2rem;color:#adacac}#home .sec-contents .home-right .img-container{animation:updown 3s linear infinite;border-radius:50%;border:3px solid var(--body_color);max-width:350px}#home .sec-contents .home-right .img-container img{width:100%;height:100%;border-radius:50%}@keyframes updown{0%{transform:translateY(-20px)}50%{transform:translateY(20px)}to{transform:translateY(-20px)}}@media screen and (min-width: 1024px){#home .sec-contents .home-left h2{text-align:left}}.skills-card-container{display:flex;justify-content:center;flex-flow:row wrap;gap:50px 60px}img.skill-card__image{filter:var(--filter-color)}.skill-card__image{width:70px;height:70px;margin-bottom:8px}.skill-card__text{font-size:12px;text-align:center}@media screen and (min-width: 1024px){.skills-card-container{column-gap:100px}.skill-card__image{width:100px;height:100px}.skill-card__text{font-size:16px}}.project-container{display:flex;flex-flow:row wrap;justify-content:center;gap:50px 30px}.project-container>div{flex:1 350px;max-width:385px}.project-card{display:flex;flex-direction:column;word-wrap:break-word;background-color:transparent;border-radius:4px;box-shadow:0 4px 5px 3px gray;transition:all .5s ease-in-out}.project-card:hover{transform:scale(1.02);overflow:hidden;box-shadow:0 4px 4px 5px var(--body_color)}.project-card--featured{background-color:var(--highlight-color);box-shadow:0 8px 10px 5px gray}.project-card--featured:hover{transform:scale(1.08);box-shadow:0 8px 8px 10px var(--body_color)}.project-card__img{width:100%;display:block;height:200px;border-radius:4px}.project-card__body{flex:1 1 auto;padding:20px;color:var(--body_color);display:flex;flex-direction:column;justify-content:space-between}.project-card__title{font-size:20px;margin-bottom:12px}.project-card__text{margin-bottom:16px;text-align:justify}.project-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;justify-content:flex-start;padding:0 4px}.project-card-tags span{text-transform:uppercase;font-size:12px;font-weight:600;padding:4px 12px;background:var(--body_color);color:var(--body_background);border-radius:20px;letter-spacing:.5px;opacity:.8}.project-card-link{display:flex;justify-content:center;gap:8px}.project-card-link__anchor{display:flex;justify-content:center;align-items:center;background:var(--body_color);color:var(--body_background);border-radius:4px;padding:6px 12px;text-decoration:none;width:80px;border:1px solid transparent}.project-card-link__anchor:hover,.project-card-link__anchor:focus{background:#00008b;color:#fff}.project-card-link__icon{margin-right:4px;margin-bottom:2px}footer{display:flex;justify-content:center;padding-bottom:16px}.footer-msg,.footer-msg>a{color:var(--body_color)}*{margin:0;padding:0}html{font-size:10px;scroll-behavior:smooth}:root{--body_background: white;--body_color: black;--filter-color: filter: brightness(0) saturate(100%)}[data-theme=dark]{--body_background: #101630;--body_color: white;--filter-color: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(0%) hue-rotate(150deg) brightness(102%) contrast(100%)}body{background-color:var(--body_background);color:var(--body_color);padding:30px 16px}p,li,input,a,span,button{font-family:Poppins,sans-serif;font-size:1.6rem}h1,h2,h3{font-family:Moderustic,sans-serif}h1{font-size:4rem}h2{font-size:3.5rem}h3{font-size:1.8rem}header,main section{margin:0 auto 50px;max-width:1200px;width:100%}main section{padding-top:40px}main h2.section-title{margin-bottom:12px;text-align:center}main p.section-description{margin-bottom:30px;text-align:center;font-size:18px;color:#adacac}@media screen and (min-width: 1024px){body{padding-inline:50px}header,main section{margin-bottom:80px}h1{font-size:4.5rem}main h2.section-title{font-size:3.5rem}main p.section-description{font-size:22px}h3{font-size:2.8rem}}