:root{--white: #ffffff;--black: #4d4d4d;--light--gray: #212121;--dark--gray: #171717}.App{display:flex;flex-direction:column;min-height:100vh}.main{flex:1}@media (max-width: 415px){h1{font-size:1.5rem!important}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 5rem;transition:background-color .3s;background-color:#0000;position:fixed;width:100%;top:0;z-index:1000;box-sizing:border-box;left:0}.navbar.scrolled{background-color:#000000e5;box-shadow:0 10px 10px #09051d2c!important}.navbar.theme-black{background-color:#000}.navbar-logo{font-size:1.5rem;color:#f5b333;font-weight:700}.navbar-logo img{width:250px}@media (max-width: 600px){.navbar-logo img{max-width:200px}}@media (max-width: 400px){.navbar-logo img{max-width:150px}}.navbar-links{display:flex}.nav-item{color:#fff;text-decoration:none;margin-left:.2rem;font-size:1.3rem;cursor:pointer}.nav-item:after{content:"";display:block;width:0;height:2px;background:#f5b333;transition:width .3s}.nav-item:hover:after{width:100%}.nav-item.active:after{content:"";display:block;width:100%;height:2px;background:#f5b333;transition:width .3s}.items-icons{display:flex;color:#fff;text-decoration:none;margin-left:2rem;font-size:1rem;padding:.5rem 0;position:relative;align-items:center}#download-header-btn{text-decoration:none;color:#f5b333;background-color:transparent!important;display:flex;align-items:center;border:1px solid #F5B333;padding:5px 18px 5px 14px;border-radius:5px;cursor:pointer}.hamburger-icon{display:none;cursor:pointer}@media (max-width: 1070px){.hamburger-icon{display:block!important}.navbar-links{display:none;flex-direction:column;position:absolute;top:60px;right:0;background-color:#000000e6;width:100%;text-align:center}.navbar-links.open{display:flex;align-items:center;padding:20px;margin-top:10px}}@media (max-width: 480px){.navbar{padding:1rem 2rem}}:root{--white: #fdfdfa;--black: #4d4d4d;--primary: #00b7c6;--grey--dark: #aca79a;--toggle-icon-bg-color: black;--footer-bg-color: black;--cards-color: #333;--font-color: white}:root[data-theme=dark]{--white: #000000;--black: #ffffff;--primary: #ff851b;--light--gray: #ffff;--dark--gray: #ffff;--cards-color: #333;--font-color: #fff}.dark-mode-toggle{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;display:inline-block;border:none;border-radius:0;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;cursor:pointer;overflow:hidden;border-radius:.4rem;padding:0}.dark-mode-toggle:focus{outline:none;border-color:var(--primary)}:root[data-theme=dark] .dark-mode-toggle__text:before{content:"deactivate "}:root[data-theme=light] .dark-mode-toggle__text:before{content:"activate "}.dark-mode-toggle__icon{display:block;background:var(--grey--dark);border-radius:50%;width:2rem;height:2rem;position:relative;transition:width .3s,height .3s;z-index:1;transform:rotate(-20deg)}.dark-mode-toggle__icon:before{z-index:0;content:"";position:absolute;display:block;border-right:none;border-radius:50%;width:2.4rem;height:2.4rem;top:50%;left:50%;transition:opacity .3s,background-image 03s;opacity:0;transform:translate(-50%,-50%) rotate(0);animation:spin__rays 4s linear infinite;background-image:linear-gradient(0deg,transparent 46%,var(--grey--dark) 46%,var(--grey--dark) 54%,transparent 54%),linear-gradient(90deg,transparent 46%,var(--grey--dark) 46%,var(--grey--dark) 54%,transparent 54%),linear-gradient(45deg,transparent 47%,var(--grey--dark) 47%,var(--grey--dark) 53%,transparent 53%),linear-gradient(135deg,transparent 47%,var(--grey--dark) 47%,var(--grey--dark) 53%,transparent 53%)}.dark-mode-toggle__icon:after{content:"";position:absolute;display:block;background:var(--toggle-icon-bg-color);border-radius:.7rem;width:1.4rem;height:1.4rem;top:50%;left:200%;transform:translateY(-50%);transition:left .3s}.dark-mode-toggle:hover .dark-mode-toggle__icon{background:var(--primary)}.dark-mode-toggle:hover .dark-mode-toggle__icon:before{background-image:linear-gradient(0deg,transparent 47%,var(--primary) 47%,var(--primary) 53%,transparent 53%),linear-gradient(90deg,transparent 47%,var(--primary) 47%,var(--primary) 53%,transparent 53%),linear-gradient(45deg,transparent 48%,var(--primary) 48%,var(--primary) 52%,transparent 52%),linear-gradient(135deg,transparent 48%,var(--primary) 48%,var(--primary) 52%,transparent 52%)}:root[data-theme=light] .dark-mode-toggle__icon:after{left:40%}:root[data-theme=dark] .dark-mode-toggle__icon{width:1.6rem;height:1.6rem}:root[data-theme=dark] .dark-mode-toggle__icon:before{opacity:1}@keyframes spin__rays{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(90deg)}}.hidden--visually{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.switch{position:relative;display:inline-block;margin:0 5px}.switch>span{position:absolute;top:14px;pointer-events:none;font-family:Helvetica,Arial,sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.06);width:50%;text-align:center}input.check-toggle-round-flat:checked~.off{color:#f5b333}input.check-toggle-round-flat:checked~.on{color:#fff}.switch>span.on{left:0;padding-left:2px;color:#f5b333}.switch>span.off{right:0;padding-right:4px;color:#fff}.check-toggle{position:absolute;margin-left:-9999px;visibility:hidden}.check-toggle+label{display:block;position:relative;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input.check-toggle-round-flat+label{padding:2px;width:97px;height:35px;background-color:#f5b333;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px}input.check-toggle-round-flat+label:before,input.check-toggle-round-flat+label:after{display:block;position:absolute;content:""}input.check-toggle-round-flat+label:before{top:2px;left:2px;bottom:2px;right:2px;background-color:#f5b333;-webkit- -moz-border-radius: 60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px}input.check-toggle-round-flat+label:after{top:4px;left:4px;bottom:4px;width:48px;background-color:#fff;-webkit-border-radius:52px;-moz-border-radius:52px;-ms-border-radius:52px;-o-border-radius:52px;border-radius:52px;-webkit-transition:margin .2s;-moz-transition:margin .2s;-o-transition:margin .2s;transition:margin .2s}input.check-toggle-round-flat:checked+label:after{margin-left:44px}header{text-align:center;color:var(--white)}h2{text-align:center;color:var(--white)}.skill-icons-div{display:flex;flex-wrap:wrap;gap:30px;margin-top:30px}ul{list-style-type:none;color:var(--white);font-size:19.5px;margin-top:50px}li{margin-top:10px}.skill-item .iconify{width:56px;height:56px;transition:width .3s ease,height .3s ease}@media (max-width: 560px){.skillsUL{padding-left:0}.skillsUL li{font-size:16px}.skill-item .iconify{width:35px;height:35px}}.section{display:flex;flex-direction:row}.animation-div{width:40%}.skills-div{width:60%;display:flex;align-items:center}.about{background-color:var(--dark--gray);padding:100px 50px}.lottie-animations{width:50px!important;height:200px!important}@media (max-width: 1070px){.section{flex-direction:column;align-items:center}.animation-div{width:90%;margin-top:40px}.skills-div{width:100%;margin-top:40px;display:flex;align-items:center;justify-content:center}}.hero-container{background-color:var(--light--gray);padding:20px;flex-basis:60%}.hero-container h1{font-size:3.5em;color:var(--white);margin-top:0}span{color:#f5b333}.hero-container p{color:var(--white);margin-bottom:1em;width:85%;font-size:20px}button{background-color:#f5b333;border:none;padding:10px 20px;cursor:pointer;border-radius:10px}#ctoHeading{font-family:Satisfy,cursive}.main-home{display:flex;align-items:center;justify-content:center;border:2px solid gray;padding:50px;border-radius:20px;box-shadow:0 10px 20px #0000008e,0 6px 6px #0000007a;border:1px solid #ddd;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;margin:0 50px;background-color:var(--light--gray)}.main-home:hover{transform:translateY(-10px);box-shadow:0 20px 30px #00000040,0 12px 10px #00000038}.home-div{padding-top:140px;padding-bottom:60px;background-color:var(--light--gray)}.second-section{display:flex;justify-content:center;align-items:center}.lottie-animation{width:350px!important;height:350px!important}@media (max-width: 1070px){.main-home{flex-direction:column;align-items:center}.hero-container{width:100%;text-align:center}.second-section{width:90%;text-align:center}.hero-container h1,.hero-container p{text-align:center;width:100%}.second-section .lottie-animation{width:100%;height:auto;max-width:300px}}@media (max-width: 480px){.lottie-animation{width:100%;height:auto;max-width:200px}.hero-container h1{font-size:1.5em}.hero-container p{font-size:15px!important}.main-home{padding:25px;margin:-10px 20px}.introP{text-align:left!important}}.project-div{padding:90px 20px;background-color:var(--light--gray)}.projects-container{max-width:1200px;margin:auto;padding:20px}.project-heading{color:var(--white);text-align:center;margin-bottom:20px}.purple{color:#f5b333}.projects-description{color:var(--white);text-align:center;margin-bottom:40px;font-size:23px}.projects-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}@media (max-width: 768px){.projects-grid{flex-direction:column;align-items:center}}.project-card{border-radius:8px;overflow:hidden;margin:10px;display:inline-block;width:300px;background-color:var(--cards-color);color:var(--font-color);padding:30px;box-shadow:0 10px 20px #0000008e,0 6px 6px #0000007a;border:1px solid #ddd;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 30px #00000040,0 12px 10px #00000038}.project-card-img{width:100%;height:300px;object-fit:cover}.project-card-body{padding:15px;display:flex;flex-direction:column;justify-content:space-between}.project-card-title{margin-top:0;margin-bottom:10px;font-size:20px}.project-card-text{text-align:justify;margin-bottom:15px;font-size:14px}.project-card-button{display:inline-flex;align-items:center;padding:8px 12px;background-color:#000;color:var(--font-color);text-decoration:none;border-radius:5px;font-size:14px;transition:background-color .2s;height:20px}.project-card-button svg{margin-right:5px}.project-card-button:hover{background-color:#1f2934}#demo-btn{background-color:#f5b333}.btns-div{display:flex;justify-content:center;gap:10px;margin-top:30px}@media (max-width: 768px){.project-card{width:210px}}.resume{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:90px 0;background-color:#171717;gap:20px}a{text-decoration:none}.download-btn{color:var(--white);display:flex}.download-btn span{color:var(--white)}.contact-container{display:flex;color:#fff;background-color:#333;justify-content:center;padding:30px}.contact-info{flex-basis:49%;padding:30px}.form-heading{display:flex;flex-direction:column;flex:1}.input-group{position:relative;margin-bottom:20px}.input-group input,.input-group textarea{width:100%;padding-left:30px;resize:none}.input-group svg{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.custom-form{background-color:#212121;color:#fff;flex-basis:49%;padding:30px;box-sizing:border-box}.form-group{position:relative;margin-bottom:20px;border-bottom:1px solid #fff}.form-group input,.form-group textarea{width:96%;background:transparent;border:none;outline:none;color:#fff;padding:10px 0 10px 30px;font-size:1em;resize:none}.form-group .icon{position:absolute;top:50%;transform:translateY(-50%);left:0;color:#fff}.message-area .icon{top:20%;transform:translateY(-80%)}::placeholder{color:#bbb}.options p{display:flex;gap:10px;font-size:20px;align-items:center}.social-icons{display:flex;justify-content:flex-start;gap:10px}.contactHeading{font-size:40px}@media (max-width: 856px){.contact-container{flex-direction:column-reverse}.contact-info{flex-basis:100%;text-align:center}.options p{justify-content:center}.social-icons{display:flex;justify-content:center;gap:10px;margin-top:40px}}@media (max-width: 480px){.contactHeading{font-size:24px}}body{background-color:var(--light-gray);margin:0;padding:0}body{font-family:Libre Baskerville,serif}h1,h2,h3,h4,h5,h6,a{font-family:Playfair Display,serif}