@import"https://fonts.googleapis.com/css?family=Kreon:300,700";.rubik-regular{font-family:Rubik,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}:root{--main-color:#ffffff;--main-color: #f5f5f5;--text-color:#090808;--purple-color:#a004a0 ;--faded:#303438;--navbar-background: #f5f5f5;--dark-mode-image: url(images/logo-dark.png);--bg-image: #ffffff;--logo-image: url(images/logo-light.png);--globe-dark: 0;--globe-diffuse: 1;--globe-map-brightness: 1.5;--globe-base-color: 255, 255, 255;--globe-glow-color: .9, .9, .9}.darkmode{--main-color:#090808;--text-color:#ffffff;--purple-color: #a004a0;--faded:#303438;--btn-background: #1C1C1C;--navbar-background: #16191b;--dark-mode-image: url(images/logo-light.png);--bg-image:#1C1C1C;--logo-image: url(images/logo-dark.png);--globe-dark: 1;--globe-diffuse: 3;--globe-map-brightness: 1;--globe-base-color: 25, 25, 25;--globe-glow-color: .5, .5, 1.5}*{margin:0%;padding:0%;font-family:Rubik,sans-serif;font-optical-sizing:auto;font-style:normal;color:var(--text-color);background-color:transparent;box-sizing:border-box}html,body{color:var(--text-color);background-color:var(--main-color);background-image:var(--bg-image);padding:0%;margin:0%;width:100%;overflow-x:hidden}.logo{width:6.5vw;height:1.5vh;padding:5px 10px 0}.navbar{display:inline-flex;align-items:center;gap:25vw;padding-left:15px;padding-right:15px;width:100%;background-color:transparent;position:fixed;z-index:1;margin-left:5vw}.icon img{width:30px;height:30px;padding:25px}a{text-decoration:none;color:var(--text-color)}.nav-icon-5 span{display:none}.nav-icon-5{top:0;width:20px;float:right;right:0!important;height:30px;margin:10px 20px 10px 10px;position:absolute;cursor:pointer;display:block}.nav-icon-5 span{background-color:var(--text-color);color:var(--text-color);position:absolute;border-radius:2px;transition:.3s cubic-bezier(.8,.5,.2,1.4);width:100%;height:3px;transition-duration:.5s}.nav-icon-5 span:nth-child(1){background-color:var(--text-color);width:10px;top:0;right:1rem}.nav-icon-5 span:nth-child(2){background-color:var(--text-color);width:25px;top:10px;right:0;opacity:1}.nav-icon-5 span:nth-child(3){background-color:var(--text-color);width:10px;bottom:7px;right:0}.nav-icon-5:not(.active):hover span:nth-child(1){transform:rotate(-4deg) scaleY(1.1)}.nav-icon-5:not(.active):hover span:nth-child(2){transform:rotate(3deg) scaleY(1.1)}.nav-icon-5:not(.active):hover span:nth-child(3){transform:rotate(-5deg) scaleY(1.1)}.nav-icon-5.active span:nth-child(1){transform:rotate(405deg);top:13px;width:15px;right:0}.nav-icon-5.active span:nth-child(2){left:60%;opacity:0;animation:active-menu12-bar02 .8s forwards}@keyframes active-menu12-bar02{to{height:0}}.nav-icon-5.active span:nth-child(3){transform:rotate(-405deg);top:13px;width:15px;right:0}.nav-icon-5.active:after{animation:active-menu12 .4s .25s forwards}@keyframes active-menu12{0%{border-color:transparent;transform:rotate(0)}25%{border-color:transparent var(--text-color) transparent transparent}50%{border-color:transparent var(--text-color) var(--purple-color) transparent}75%{border-color:transparent var(--purple-color) var(--purple-color) var(--purple-color)}to{transform:rotate(-680deg);border-radius:50%}}#nav-div{display:flex;flex-direction:row;width:100vw;align-items:center}.nav-links{display:flex;padding:6px 32px 6px 6px;max-height:30px;justify-content:center;align-items:center;gap:40px;border-radius:290px;border:1.5px solid var(--purple-color);background:var(--navbar-background);margin-top:1vw;box-shadow:#00000059 0 5px 15px}.nav-link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:var(--purple-color);transform-origin:center;transition:transform .25s ease-out}.nav-link{display:inline-block;position:relative}.nav-link:hover:after{transform:scaleX(1);transform-origin:center}main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:10vh}.home-btn{transition:all .3s ease}.home-btn:hover{padding:5px 12px;border-radius:40px;background:var(--faded)}.home-btn img{width:22px;height:22px}.dropdown-container{position:relative;display:inline-block;text-align:left;width:6rem}.dropdown-button{width:100%;display:inline-flex;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;background-color:transparent;border:none;color:var(--text-color);cursor:pointer}.dropdown-button:hover{background-color:transparent}.dropdown-menu{position:absolute;right:0;margin-top:.5rem;width:12rem;background-color:var(--navbar-background);box-shadow:0 4px 6px #0000001a;border:1px solid rgba(0,0,0,.05);z-index:10}.dropdown-items{background-color:var(--main-color);padding:.5rem 0}.dropdown-item{display:block;padding:.5rem 1rem;font-size:.875rem;color:var(--faded);text-decoration:none}.dropdown-item:hover{background-color:#f3f4f6;color:var(--text-color)}.darkmode .dropdown-button{border-color:#444;color:var(--text-color)}.darkmode .dropdown-menu{box-shadow:0 4px 6px #ffffff1a}.darkmode .dropdown-items{background-color:var(--bg-image)}.darkmode .dropdown-item{color:var(--text-color)}.darkmode .dropdown-item:hover{background-color:#2d2d2d}button.mode{background-color:transparent;border:none}.mode-icon{width:2vw;height:3vh;margin-top:0vw}#right-items{display:flex;flex-direction:row;align-items:center;justify-self:right;margin-left:20vw;background-color:transparent}#hero-section{display:flex;padding:20px 20px 20px 40px;flex-direction:column;align-items:flex-start;justify-content:space-between;border-radius:14px;background:var(--navbar-background);width:90vw;align-self:center!important;box-shadow:#00000059 0 5px 15px}#hero-section-text{font-style:normal;line-height:normal;font-weight:200;font-size:14px;width:40vw;text-align:justify;-webkit-hyphens:auto;hyphens:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Satoshi,sans-serif}.hero-top{flex-direction:row;justify-content:space-between;width:100%;gap:5vw;display:flex}.hero-img{border-radius:50%;background:transparent;padding:10px;margin-bottom:35px!important;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;top:0;left:0;right:0;bottom:0;margin:0;transition:all .3s ease;width:157.28px;height:157.28px;flex-shrink:0}div.hero-box-img{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:40vw;height:30vh}.tech-list{margin-top:5vh;width:100%;display:flex;justify-content:center;align-items:middle;flex-direction:row}.tech-icon{margin-left:-200px;width:100%;display:flex;flex-direction:row;align-self:middle;justify-content:center;font-size:20px;gap:12px;padding:10px}.tools-icon-shadow{border:none;background:transparent}.skills-container{display:flex;flex-direction:column;align-items:flex-start;margin-top:5vw;gap:10px;justify-content:center}.skill-item1{display:flex;flex-direction:row;gap:5vw;align-items:center;margin-top:5vh}.skill1{display:flex;flex-direction:column;justify-content:center;padding:4vw;width:90vw;height:30vh;flex-shrink:0;background:var(--navbar-background);margin:0vw 2vw 0;border-radius:14px;box-shadow:#00000059 0 5px 15px;text-align:center;transform:rotate(-4deg);align-items:center;font-weight:100px}.skill-icon{width:3.5vw;margin-right:.5vw}.skill-header{display:flex;justify-content:center;align-items:center;margin-bottom:2vh}.skill2{display:flex;flex-direction:row;justify-content:center;padding:4vw;width:90vw;height:30vh;flex-shrink:0;background:var(--navbar-background);margin:0vw 2vw 0;border-radius:14px;box-shadow:#00000059 0 5px 15px;text-align:center;transform:rotate(5.5deg);align-items:center}span#skills-text{margin-left:0%}#skills-text{width:89vw;margin-top:5vw;display:flex;align-self:center;justify-content:center;margin-left:0%}#projects{display:flex;flex-direction:column;height:auto;width:auto;padding:1%;margin-top:5vh;justify-content:space-evenly;flex-wrap:wrap;border-radius:14px;background:var(--navbar-background);width:100vw;align-self:center!important;text-align:center;font-style:normal;box-shadow:#00000059 0 5px 15px}#projects span{align-self:center;margin:5vw}#project-div{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.projects-h1{color:var(--text-color);font-style:normal;font-weight:400;margin-top:10vw;margin-bottom:0vw}.projectImg{display:flex;flex-direction:row!important;padding:1vw;margin-bottom:5vw;margin-right:0vw;align-items:center}.projectImg:hover{transform:scale(1.05);transition:.3s ease-in-out}#project h3{margin-bottom:10px}.projectImg img{width:40vw;height:30vh;margin:1vw;border-radius:6px}.projectItem-div{display:flex;flex-direction:row}.projectImg-p{display:flex;flex-direction:column;gap:10px;font-style:normal;white-space:normal;max-width:40vw}.projectImg-p p{word-spacing:-1.5px;line-height:normal;text-align:justify;-webkit-hyphens:auto;hyphens:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Satoshi,sans-serif}.project-icon{width:5vw;height:5vh;align-self:center}.project-icon-box{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin:0!important}#contact{display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:center;margin-top:10vh;height:60vh;width:90vw;background:var(--navbar-background);align-self:center!important;border-radius:24px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);font-style:normal;line-height:normal;box-shadow:#00000059 0 5px 15px}#contact h3{color:var(--text-color);font-size:40px;font-style:normal;font-weight:400;line-height:56.23px;margin-left:5vw}form{display:flex;flex-direction:column;width:40vw;align-self:center;margin-left:10vw;margin-top:3vw;align-items:center}input,textarea{border:none;border-bottom:1px solid var(--purple-color);margin-top:4vh;height:2.5vh;width:25vw}textarea{width:25vw;margin-right:0vw!important}input,textarea:hover{border:none;border-color:var(--purple-color);margin-top:5vh;transition:.4s ease-in-out;transition:all .4s;border-bottom:1px solid var(--purple-color)}textarea:focus{outline:none;border-bottom:4px solid var(--purple-color);border-color:var(--purple-color)}input:focus{outline:none;border-bottom:4px solid var(--purple-color);border-color:var(--purple-color)}.contact-btn{margin-left:2vw;margin-top:5vw;display:flex;flex-direction:row;color:var(--text-color);width:15vw;height:43px;padding:11px 20px;text-align:center;justify-content:space-between;border-radius:72.09px;border:1px solid var(--st-lin, #fe34ea);background:var(--navbar-background);box-shadow:#00000059 0 5px 15px}.contact-img{width:40vw;height:auto;margin-top:10px;margin-right:70px;animation:float 5s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.floatimg-image-box{margin-left:0!important}right: 1px; width: 50px; height: auto; margin-top: 10px; margin-right: 70px; animation: float 5s ease-in-out infinite; */ .foot-logo{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:10vh;margin-bottom:10vh;width:10vw;align-self:center!important}.foot-logo img{width:5.5vw;height:1.5vh;padding:8px 12px;display:flex;justify-self:flex-start;margin-left:-30vw}.media-links{display:flex;padding:6px 32px 6px 6px;justify-content:center;align-items:center;gap:40px;border-radius:290px;border:1.5px solid var(--purple-color);background:var(--navbar-background);margin:5vw -10vw 5vw 25vw;box-shadow:#00000059 0 5px 15px}#footer{display:flex;flex-direction:row;justify-content:center}.media-links{width:auto;transition:none;bottom:0;left:0;padding-top:1vh;height:3.5vh}.link-img{width:1.5vw;height:2vh;transition:.3s ease-out ease-in;margin-left:1.5vw}.link-img:hover{width:2vw;height:2.5vh}@media only screen and (max-width: 850px){.navbar{margin-top:0vw;position:fixed;top:2vw;z-index:1}.logo{width:10vw}span#right-items{margin-left:25vw!important}.nav-list{position:fixed;left:-100%;left:right;top:0rem;padding-top:0vw;flex-direction:row;width:50%;height:2vh;border-radius:40px;text-align:center;transition:.3s}.nav-list,#icon{z-index:1;margin-top:1.5vh}.nav-list.active{left:0}.nav-list.active .btn a{margin-left:0}.nav-list.active .logo{display:none;height:2vh}.nav-item{left:0;float:left}.nav-icon-5{display:block;position:fixed}.nav-icon-5 span{display:block}.nav-icon-5:after{position:absolute;top:10%;left:10%;display:block;content:"";width:32px;height:32px;margin:-5px 0 0 -5px;border-radius:50%;border:2px solid transparent;transition:all .75s}div#icon.icon.nav-icon-5{margin-right:2vw;margin-top:2%}.nav-icon-5.active span:nth-child(1){transform:rotate(405deg);top:10px;width:15px;right:0}.nav-icon-5.active span:nth-child(2){left:60%;opacity:0;animation:active-menu12-bar02 .8s forwards}@keyframes active-menu12-bar02{to{height:0}}.nav-icon-5.active span:nth-child(3){transform:rotate(-405deg);top:10px;width:15px;right:0}.nav-icon-5.active:after{animation:active-menu12 .4s .25s forwards;top:-1px}.nav-links{display:flex;padding:6px 22px 6px 6px;justify-content:center;align-items:center;gap:30px;font-size:15px;border-radius:290px;border:1.5px solid var(--purple-color);margin-top:1vw}#nav-div{display:flex;flex-direction:row;width:100vw;align-items:center;padding-left:15vw;height:2vh;gap:5vw}.mode img{width:2vw;height:2.5vh}#hero-section{display:flex;padding:60px 42px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:70px;border-radius:14px;width:80vw;align-self:center!important}#hero-section-text{align-self:middle;width:100%}div.hero-top{width:100%;gap:9vw!important;display:flex;flex-direction:column;justify-content:center!important;align-items:middle!important}div.hero-box-img{display:flex;flex-direction:row;justify-content:center;align-items:middle;width:70vw;height:30vh;margn-left:20px!important}#skills-text{color:var(--text-color);margin-left:15vw}.skills-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100vw}.skill{width:90vw;height:40vw;flex-shrink:0;border-radius:14px;margin:0vw 3vw 0 8vw}.skill1,.skill2{width:70vw;height:50vh}#projects{width:10%;height:100%}.projectImg{height:auto;margin:1vw 1vw 5vw;border-radius:6px;display:flex;flex-direction:column}.projectImg:hover{transform:scale(1.05);transition:.3s ease-in-out}#project-div{display:flex;flex-direction:column;margin-top:5vw}.projectImg img{width:70vw;height:30vh;margin:1vw;border-radius:6px}.projectImg-p{display:flex;flex-direction:column;font-weight:100;gap:15px;text-align:center;max-width:70vw;margin-bottom:5vw;font-size:1.5vh}#contact-text{width:40vw;font-style:normal;line-height:normal}form{display:flex;flex-direction:column;width:15vw;align-self:center;align-items:center}input,textarea{border:none;border-bottom:1px solid var(--purple-color);border-color:#a004a0;margin-top:4vh}textarea{margin-left:5vw}input,textarea:hover{border:none;border-bottom:1px solid var(--purple-color);border-color:#a004a0;margin-top:5vh}#contact-text h3{margin:0%;margin-right:2vw;font-size:4vw}button.contact-btn{align-items:center;text:center;width:35vw;font-size:1.4vw;margin-left:20vw}.contact-img{width:40vw;height:30vh;margin-right:5vw;margin-bottom:1vh}#contact{margin-left:5vw}label{width:100vw;margin-right:-50%!important}textarea{margin-left:0%}#footer{padding-left:15vw}.foot-logo{margin:5vw 0vw 1vw 10vw}.foot-logo img{width:5vw;height:2vh}.media-links{margin-right:1vw;height:2vh;padding-top:3vw}.link-img{height:2vh!important}.foot-logo img{width:10vw;height:3vh}}@media screen and (max-width: 1280px){#nav-div{margin-left:0vw}#navbar{margin-left:0%}button.mode{height:10vh}.hero-top{width:100%;gap:45vw;display:flex}#projects{height:auto;width:83vw}a.foot-logo{margin-top:6vw}ul.media-links{height:4vw;justify-content:center;align-items:center}.foot-logo{margin:5vw 5vw 0vw 0vw}.projectImg:hover{transform:scale(1.05);transition:.3s ease-in-out}.projectImg-p{display:flex;flex-direction:column;font-weight:100;gap:15px;text-align:center;margin-bottom:5vw;font-size:1.6vh;text-align:justify;letter-spacing:0px;line-height:1;word-spacing:1px;padding:5vw}}@media screen and (max-width: 2500px){#about{display:flex!important;flex-direction:column!important;justify-content:center!important}}@media screen and (max-width: 1500px){.navbar{display:inline-flex;align-items:center;gap:30vw;width:100%}span#right-items{margin-left:15vw}#nav-div{display:flex;flex-direction:row}.nav-links{height:4vh!important}.nav-list{height:4vh}.hero-text{align-self:center}.hero-text h1{margin:2.5vw 0vw}#projects{width:80vw}.projectImg-p{display:flex;flex-direction:column;font-weight:100;gap:15px;text-align:center;margin-bottom:5vw;font-size:1.6vh;text-align:justify;letter-spacing:0px;line-height:1;word-spacing:1px}#contact-text h3{font-size:3vw!important;margin-left:5vw}.contact-btn{width:20vw!important}.media-link{height:2vh}}@media screen and (max-width: 1280px){span#right-items{margin-left:20vw}.hero-text{align-self:center}.hero-text h1{margin:2.5vw 0vw}}@media screen and (max-width: 1080px){.navbar{display:inline-flex;align-items:center;gap:25vw;width:100%}.logo img{width:5.5vw;height:1.5vh;display:flex;padding:8px 12px;justify-content:center;align-items:center;border-radius:40px;margin:1vh;display:inline-block;position:relative}.mode-icon{width:2.5vw;height:2vh;margin-top:.5vw}#right-items{margin-left:10vw!important}.skills-container{display:flex;flex-direction:column;width:90vw}.skill{width:90vw;height:20vh;margin-bottom:2vw}.skill1,.skill2{width:90vw;height:30vh}.hero-text{align-self:center}.hero-text h1{margin:2.5vw 0vw}.projectImg{height:auto;padding:1vw;margin-bottom:5vw;border-radius:6px}form{margin-left:0vw}label{width:10vw;margin-left:0%;margin-right:10vw}#contact-text h3{margin-left:5%;font-size:3vw}.contact-img{width:45vw;height:30vw}.msg-icon{margin-left:2px;font-size:14px}button.contact-btn{width:20vw}.media-links{height:4vw;padding-top:1vw;justify-content:center;align-items:center}img.link-img{height:2.5vw;width:3vw}#footer{height:20vh}.foot-logo{margin:8vw 5vw 0vw 0vw}}@media screen and (max-width: 680px){html,body{margin:0%;padding:0%}.navbar{margin-top:1vh;display:inline-flex;align-items:center;gap:0;width:10%;position:fixed}#navbar{gap:0}#nav-div{padding-left:15vw}#nav-div text{font-size:2vw}#icon{margin-right:2%!important;position:fixed!important}.resume-txt{font-size:3vw}.nav-links{display:flex;padding:6px 22px 6px 6px;justify-content:center;align-items:center;gap:10px;font-size:12px;border-radius:290px;border:1.5px solid var(--purple-color);margin-top:2vw}div#icon.icon.nav-icon-5{margin-right:2vw;margin-top:2%}.nav-icon-5.active span:nth-child(1){transform:rotate(405deg);top:10px;width:15px;right:0}.nav-icon-5.active span:nth-child(2){left:60%;opacity:0;animation:active-menu12-bar02 .8s forwards}@keyframes active-menu12-bar02{to{height:0}}.nav-icon-5.active span:nth-child(3){transform:rotate(-405deg);top:10px;width:15px;right:0}.nav-icon-5.active:after{animation:active-menu12 .4s .25s forwards;top:1px}#hero-section{display:flex;justify-content:center;align-items:center;width:80vw;gap:0}.hero-text{text-align:center;font-style:normal;font-weight:200;font-size:14px;width:60vw}#hero-section-text{align-self:middle;width:100%}div.hero-top{width:100%;gap:9vw!important;display:flex;flex-direction:column;justify-content:center!important;align-items:middle!important}div.hero-box-img{display:flex;flex-direction:row;justify-content:center;align-items:middle;width:70vw;height:30vh;margn-left:20px!important}img.hero-img{width:29vw!important}#logo{width:18vw;height:2vh;margin-left:-5%}.media-links{height:4vw;padding-top:3vw;justify-content:center;align-items:center;margin-left:1vw}img.link-img{height:8vw;padding-top:0vw}span#right-items{margin-left:5vw}#mode{width:5vw}button.contact-btn{width:50vw;margin-left:4vw}.skill1,.skill2{width:80vw;background-color:transparent}.skill-icon{width:5vw}div#projects{display:flex;flex-direction:column;justify-content:flex-start;width:99%!important;height:auto;background:none}.projectImg{width:100%;height:50vh;margin:10vw 1vw 25vw;border-radius:6px}.projectImg img{width:100%;height:30vh;margin:1vw;border-radius:6px}.projectImg{font-size:1.5vh}.projectImg-p{display:flex;flex-direction:column;font-weight:100;gap:1vw;text-align:center;margin-bottom:5vw;font-size:1.6vh;text-align:justify;letter-spacing:0px;line-height:1;word-spacing:1px}#projects h3{margin-bottom:18vw}div#projects{display:flex;flex-direction:column;justify-content:flex-start;height:auto;width:20vw}#contact{display:flex;flex-direction:column;align-items:center;gap:0vw;padding-top:10vw;padding-bottom:10vw;height:auto}#contact-text h3{font-size:5vw!important;font-weight:700;font-style:normal;line-height:normal}#contact-text{align-items:center;justify-content:center;width:70vw}button.contact-btn{margin-top:2vh;font-size:3vw;width:50vw!important;text-align:center;padding-top:1vh;margin-left:-30%!important;display:flex;flex:flex-row;justify-content:center}button.contact-btn img{height:8vw;margin-top:-5%}form{display:flex;flex-direction:column;width:100vw;align-self:center;align-items:center;gap:10px}input,textarea{border:none;border-bottom:1px solid var(--purple-color);margin-top:4vh;height:2.5vh;width:70vw;margin-left:-80vw}textarea{margin-left:-75vw}input,textarea:hover{border:none;border-color:var(--purple-color);margin-top:5vh;transition:.4s ease-in-out;transition:all .4s;border-bottom:1px solid var(--purple-color)}textarea:focus{outline:none;border-bottom:4px solid var(--purple-color);border-color:var(--purple-color)}input:focus{outline:none;border-bottom:4px solid var(--purple-color);border-color:var(--purple-color)}button.contact-btn{margin-left:-80vw}img.contact-img{height:20vh;width:50vw;margin-top:5vh}a#logo.foot-logo{margin-left:10vw}img#foot-logo-img{width:15vw;height:2vh;margin-top:0%}.media-links{width:25vw;justify-content:space-evenly;display:flex;height:3vh;justify-content:center;align-items:center;gap:1px;margin-right:10vw;padding:0;padding-right:2vw;padding-top:.5vh}img.link-img{height:2vh;width:4vw}img.link-img:hover{height:2.5vh;width:4.5vw}textarea{width:70vw!important;margin-right:5vw!important}#footer{display:flex;flex-direction:row;justify-content:space-between;padding-left:0%;padding-right:10vw}}@media screen and (max-device-width: 500px){.hero-box-img{width:100%!important}img.hero-img{width:39vw!important}}@media screen and (max-device-width: 290px){.hero-box-img{width:100%!important}img.hero-img{width:49vw!important}#nav-div{padding-left:0!important}ul.nav-list{margin-top:3vw}.resume-txt{font-size:4vw}div#icon.icon.nav-icon-5{margin-right:2vw}div#projects{display:flex;flex-direction:column;justify-content:flex-start;height:auto;width:94vw}.project-container{align-self:center;width:80vw}#contact{align-items:center}.contact-btn{height:7vh;font-size:3.5vw;align-self:start;justify-self:center;margin-right:100%}span#right-items{margin-left:0}#contact-text{width:50vw;font-style:normal;line-height:normal}#contact-text h3{font-size:5vw}button.contact-btn{width:55vw;margin-left:0;height:6vh}.projectImg-p{margin-bottom:20vw}#projects h4{margin-bottom:25vw}#hero-section{display:flex;flex-direction:column;gap:10px;font-style:normal;white-space:normal;max-width:100vw;padding:0 0 10px}#hero-section-text{font-size:12px;padding:5px;font-style:normal;line-height:normal}#hero-section-text p{font-style:normal;line-height:normal}.projectImg-p{display:flex;flex-direction:column;gap:10px;font-style:normal;white-space:normal;max-width:100vw;word-spacing:-5.5px}.projectImg-p p{word-spacing:-5.5px;line-height:normal}}@media screen and (max-device-width: 640px) and (orientation: landscape){.gfg-div{width:400px;height:200px;background-color:#0ff;color:#000}}@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){.nav-links{height:7vw}.mode{margin-right:10px}.dropdown-container{margin-left:-20px}}@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){.gfg-div{width:400px;height:400px;background-color:#6495ed;color:#000}}@media (max-device-width: 375px){.navbar{gap:1vw}div#icon.icon.nav-icon-5{margin-right:2vw;margin-top:2%}#nav-div{margin-right:100px;padding-left:15px}#right-items{padding-left:-200px!important;width:100%}.nav-icon-5.active span:nth-child(1){transform:rotate(405deg);top:10px;width:15px;right:0}.nav-icon-5.active span:nth-child(2){left:60%;opacity:0;animation:active-menu12-bar02 .8s forwards}@keyframes active-menu12-bar02{to{height:0}}.nav-icon-5.active span:nth-child(3){transform:rotate(-405deg);top:10px;width:15px;right:0}.nav-icon-5.active:after{animation:active-menu12 .4s .25s forwards;top:-1px}.projectImg{margin-bottom:15vw;margin-top:10vw}.media-links{margi-left:10p}}@media screen and (max-device-width: 365px){#hero-section{padding:2vh!important}#project h3{margin-bottom:10px}.Globe-box{margin-top:10px!important;margin-right:10px;margin-left:2px}.floating-image{display:none;margin-right:20px!important;margin-left:200px!important;width:50px!important}}@media screen and (max-device-width: 290px){.hero-box-img{padding:0!important}.hero-img{height:140px;width:150px!important}#contact{margin-left:0!important;align-items:center;padding-right:18vw;display:flex;flex-direction:column;justify-content:center;height:200%!important}form{width:200%}.contact-btn{margin-top:20px;margin-right:18vw!important}.Globe-box{margin-top:50px;margin-right:100px;margin-left:30px}.floatimg-image-box{margin-left:200px!important}.floating-image{display:none;margin-right:20px!important;margin-left:200px!important;width:50px!important}}