html{scroll-behavior:smooth}.header-container{width:100vw}.header-background-div{width:100vw;background-color:#303030;position:fixed;z-index:4;height:60px;box-shadow:2px 1px 5px var(--clr-accent);opacity:.9}.header-div{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px;width:100vw;position:fixed;z-index:5;box-shadow:2px 1px 5px var(--clr-accent)}.header-img{width:300px}.header-nav-toggle-div{display:flex;justify-content:center;align-items:center;padding-right:30px}.header-nav-modal-btn{background-color:var(--clr-accent);width:45px;height:35px;font-size:x-large;font-weight:bolder;cursor:pointer;border-radius:10px;line-height:30px;border:none}.toggle-btn{background-color:transparent;border:none;color:var(--clr-accent);font-size:2rem;line-height:30px;padding-right:20px}.header-nav-bar-big-srn{display:flex;gap:5px}.header-nav-btn{color:var(--clr-accent);font-size:x-large;border:0;background-color:transparent;border-radius:5px}@media (min-width: 845px){.header-nav-modal-btn{display:none}.header-nav-toggle-div{padding-right:30px}}@media (max-width: 845px){.header-nav-btn{display:none}}@media (max-width: 414px){.header-div{padding:0}.header-img{width:250px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.spacer{height:60px;background-color:var(--clr-dark)}.intro-section{width:100vw;height:100%;display:flex;justify-content:center;align-items:start;background-color:var(--clr-medium);overflow:hidden;padding-top:20px}.intro-div{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:10px;padding:0 30px}.intro-img{max-width:100%;box-shadow:var(--bs);border-radius:10px;margin-bottom:40px}.intro-title{line-height:1;margin:0 0 .25em;font-weight:var(--fw-reg)}strong.intro-title-2{font-weight:var(--fw-bold);font-size:xx-large}.intro-subtitle{display:inline-block;background:var(--clr-accent);padding:.25em 1em;font-family:var(--ff-secondary);margin:0;font-size:var(--fs-h3);border-radius:2px}@media (min-width: 480px) and (max-width: 599px){.intro-section{height:100vh}.intro-img{margin-bottom:10px;max-width:400px}}@media (min-width: 600px){.intro-section{align-items:center;height:100vh}.intro-div{display:grid;width:min-content;margin:0 auto;grid-column-gap:1em;grid-template-areas:"img title1" "img title2" "img subtitle";grid-template-columns:min-content max-content;grid-template-rows:180px 50px 200px}.intro-img{margin-bottom:0}.intro-title{font-size:xx-large;text-wrap:wrap;grid-area:title1;align-self:self-end;font-weight:lighter}.intro-title-2{font-size:50px;grid-area:title2;font-weight:bolder}.intro-subtitle{align-self:start;grid-column:-1 / 1;grid-row:3;text-align:right;position:relative;left:-1.5em;width:calc(100% + 1.5em)}}@media (min-width: 600px) and (max-width: 700px){.intro-img{grid-area:img;max-width:250px;position:relative;z-index:2;border-radius:10px}.intro-div{display:grid;width:min-content;margin:0 auto;grid-column-gap:1em;grid-template-areas:"img title1" "img title2" "img subtitle";grid-template-columns:min-content max-content;grid-template-rows:100px 50px 200px}}@media (min-width: 701px) and (max-width: 900px){.intro-img{grid-area:img;max-width:300px;position:relative;z-index:2;border-radius:10px}.intro-div{display:grid;width:min-content;margin:0 auto;grid-column-gap:1em;grid-template-areas:"img title1" "img title2" "img subtitle";grid-template-columns:min-content max-content;grid-template-rows:140px 50px 200px}}@media (min-width: 900px){.intro-img{grid-area:img;max-width:400px;position:relative;z-index:2;border-radius:10px}}.contact-div{display:flex;justify-content:center;align-items:center;flex-direction:column;height:60vh;width:100vw;background-color:var(--clt-dark);color:var(--clr-main-text);padding:20px 0}.header-mail{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 20px;text-align:center}.contact-email{font-size:x-large;color:var(--clr-accent)}.contact-email:hover{color:var(--clr-light)}.social-list{list-style:none;display:flex;justify-content:center;margin:2em 0 0;padding:0;gap:20px}.social-list__link{font-size:50px;color:var(--clr-accent)}.social-list__link:hover{color:var(--clr-light)}.about-spacer{height:0px}.about-me-div{display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/assets/Aboutmeback-S2gEH41T.jpeg);background-size:cover;background-repeat:no-repeat;min-height:fit-content;color:#fff;height:100vh;width:100vw;padding:1em 0}.about-me-grid{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.about-me-heading{color:var(--clr-accent);padding-bottom:30px;font-size:var(--title-font-size);margin-bottom:0}.about-me-paragraph-div{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--clr-dark-rgb);border-radius:5px;width:auto;margin-left:1em;margin-right:1em;padding:0 10px}.about-me-p{padding:0 10px 10px;color:var(--clr-main-text);text-align:start;margin-top:0}@media (min-width: 1024px){.about-me-paragraph-div{margin-left:4em;margin-right:4em}.about-me-p{font-size:x-large}}.project-spacer{height:0px}.project-body{min-height:100vh;width:100vw}.my-projects-div{min-height:fit-content;display:flex;flex-direction:column;justify-content:start;align-items:center;height:100vh;background-color:var(--clr-medium)}.projects-title{font-size:var(--title-font-size);text-align:center;margin-top:70px}.projects-sub-title{text-align:center}.my-projects-div{display:flex;flex-direction:column;justify-content:center;align-items:center}#project-imgs-div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding-bottom:40px}.project-img-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:400px}.image-boarder{background-color:var(--clt-dark);height:275px;width:105%;display:flex;justify-content:center;align-items:center;border-radius:10px}.container{position:relative;width:400px;background-color:var(--clt-dark)}.image{opacity:1;display:block;width:100%;height:254px;transition:.5s ease;backface-visibility:hidden}.middle{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}.container:hover .image{opacity:.3}.container:hover .middle{opacity:1}.text{background-color:var(--clr-accent);color:#fff;font-size:16px;padding:16px 32px}.project-title-sub{text-align:center}@media (min-width: 600px){.my-projects-div{min-height:fit-content;display:flex;justify-content:center;align-items:center;gap:20px}#project-imgs-div{display:flex;flex-direction:row;justify-content:center;align-items:start;flex-wrap:wrap;gap:30px}.project-img-wrapper{display:flex;flex-direction:column;width:400px}.project-img{min-width:400px}}@media (max-width: 470px){.project-img-wrapper,.image,.container{width:350px}}.nav-bar{display:flex;justify-content:center;align-items:center;width:300px;height:300px;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%);background-color:var(--clt-dark);z-index:5}.nav-bar-div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:300px}.nav-btn{color:var(--clr-accent);font-size:xx-large;border:0;background-color:transparent;border-radius:5px}.technology-div{display:flex;flex-direction:column;justify-content:start;align-items:center;background-color:var(--clt-dark);color:var(--clr-alt-text);text-align:center;height:30vh;padding:2em;height:fit-content}.technology-title{font-size:var(--title-font-size);margin-top:0}.projects-header-container{position:fixed;z-index:100;width:100vw;height:fit-content;background-color:#303030e6;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;box-shadow:1px 1px 10px var(--clr-light)}.projects-header-img{width:350px}.project-header-btn-div{height:50px;width:100vw;display:flex;align-items:center;justify-content:space-between;padding:0 5px}.projects-header-nav-btn{width:150px;font-size:larger;padding:5px;border-radius:20px;border:0;background-color:transparent;color:var(--clr-light);cursor:pointer;text-align:center;text-decoration:none;font-weight:500}.projects-header-nav-btn:hover{box-shadow:2px 4px 10px var(--clr-light)}.toggle-btn{margin:0}.project-body{background-color:var(--clt-dark);color:var(--clr-main-text);width:100vw;padding-top:150px}.individual-project-title{margin:0;text-align:center;padding:0 10px 10px}.ind-project-img-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;background-color:var(--clt-dark);padding:30px}.ind-project-img-div{display:flex;justify-content:center;align-items:center;width:320px;height:175px;background-color:var(--clr-light);border-radius:10px}.ind-project-img{width:300px;height:150px;border-radius:10px}.ind-project-img-fakestore{width:200px}.project-technologies{font-size:x-large;padding:0 50px;color:var(--clr-accent);text-align:center}.project-btn-div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;width:100vw}.project-page-btns{width:200px;font-size:larger;padding:5px;border-radius:20px;border:0;background-color:var(--clr-accent);color:var(--clr-light);box-shadow:1px 2px 10px var(--clr-light);cursor:pointer;text-align:center;text-decoration:none;font-weight:500}.project-page-btns:hover{box-shadow:2px 4px 10px var(--clr-light)}.project-description-div{padding-bottom:20px}.project-description{font-size:large;padding:0 50px 10px}.carousel{width:100%;overflow:hidden;position:relative;margin:20px auto}.carousel-wrapper{display:flex;transition:transform 1s ease-in-out}.carousel-item{min-width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.carousel-item img{max-width:100%;max-height:500px;height:auto;display:block}.carousel-btn-div{display:flex;justify-content:center;align-items:center;gap:10px;width:100vw;height:50px;position:absolute;top:93%;transform:translateY(-50%)}.carousel button{padding:10px 15px;background-color:#00000080;color:#fff;border:none;cursor:pointer;z-index:10;width:100px;font-size:larger}*:before,*:after{box-sizing:border-box}:root{--clr-light: #fff;--clr-medium: #808080;--clt-dark: #303030;--clr-dark-rgb: rgba(48, 48, 48, .9);--clr-accent: #ffae03;--clr-main-text: #fff;--clr-alt-text: #fff;--title-font-size: 2rem}.light-theme{--clr-light: #fff;--clr-medium: #fff;--clt-dark: #e0e0e0;--clr-dark-rgb: rgba(224, 224, 224, .9);--clr-accent: #ffae03;--clr-main-text: #303030;--clr-alt-text: #303030}body{box-sizing:border-box;height:100vh;margin:0}