:root{--light-blue-acc: #e0ffff;--light-blue-acc2: #c0e6ff;--main-dark: #1d1d1d;--white: white;--off-white: wheat;--faded-text: #ffffff6a;--faded-text-dark: #0f0f0fad;--light-blue-acc-80opacity:#f0f8ffdc;--clr-bg-color:#ffffff;--clr-main-dark:#151515;--clr-main-light:#6f6f6f;--clr-acc-dark:#14125e;--clr-acc-dark2:#030113;--clr-acc-light:#c0e6ff;--clr-acc-light-30:rgba(192, 230, 255, 0.302);--clr-new-acc: #9184d9;--clr-new-acc-text: #d2cefd;--clr-new-acc-deep:#5d5294}html{height:100%}body{min-height:100vh;background-color:var(--main-dark);display:flex;flex-direction:column;justify-content:space-between}ul{margin:0;padding:0}.section-head{font-family:"caveat",cursive;font-size:1.5rem;text-align:right;text-transform:uppercase}.section-text{font-size:2rem;font-family:"oswald",cursive;text-align:left}.faded-text{font-family:"rock salt",cursive;color:var(--faded-text);font-size:1.2rem;opacity:.2}.faded-text-dark{font-family:"rock salt",cursive;color:var(--faded-text-dark);font-size:1.2rem;opacity:.1}.align-left{text-align:left}.align-right{text-align:right}.btn{transition:all .25s;padding:10px 20px}.btn:hover{transform:translateY(-3px)}.btn-custom-1{background-color:rgba(0,0,0,0);margin:0 .5rem;color:#000;border:#000 2px solid;border-radius:.5rem}.btn-custom-1:hover{background-color:var(--light-blue-acc2)}.btn-custom-2{border:var(--clr-new-acc) 1px solid;background-color:rgba(0,0,0,0);margin:0 .5rem;color:var(--clr-new-acc-text)}.btn-custom-2:hover{background-color:var(--clr-new-acc);color:#fff}.btn-shop{border:var(--off-white) 1px solid;background-color:rgba(0,0,0,0);margin:0 .5rem;color:var(--off-white)}.btn-shop:hover{background-color:var(--light-blue-acc2);border:var(--light-blue-acc2) 1px solid}.mask1{-webkit-mask-image:linear-gradient(black, transparent);mask-image:linear-gradient(black, transparent)}.content-column{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:100%}.content-column-inner{width:100%;max-width:1200px;padding:0px 20px}.nav-name{height:100%;display:block;margin-bottom:0px;padding-bottom:0px;color:#6fd0c0;opacity:.3}#hero-nav-bar{background-color:rgba(0,0,0,0);width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:30px}#nav-bar-mobile{position:relative;min-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--clr-main-dark)}#nav-bar ul,#hero-nav-bar ul{display:flex}#nav-bar li,#hero-nav-bar li{list-style:none;margin:1rem}.nav-bar__link{font-size:18px;color:var(--white);list-style:none;text-decoration:none}.overlay-nav-bar__link{font-size:clamp(3rem,1.5vw,4rem);color:var(--white);list-style:none;text-decoration:none}#nav-bar-mobile li{list-style:none;margin:1rem}.nav-bar__link-mobile{font-size:clamp(1rem,1.5vw,1.5rem);color:var(--white);list-style:none;text-decoration:none}#burgeer-menu{display:flex;flex-direction:column;width:100%;max-width:15vw;border:solid #fff 2px;border-radius:.4rem;padding:.5rem;margin:1rem 0;cursor:pointer}#burgeer-menu-overlay{display:flex;flex-direction:column;align-content:space-between;width:100%;max-width:15vw;border:solid #fff 2px;border-radius:.4rem;padding:.5rem;cursor:pointer;margin:2rem auto}hr#x-1{background:var(--light-blue-acc2);transform:rotate(-45deg);transform-origin:50% 50%}hr#x-2{background:var(--light-blue-acc2);transform:rotate(45deg)}hr.burgeer{background:var(--light-blue-acc2);height:2px;opacity:1;margin:.1rem}#mobile-menu-overlay{z-index:100;min-width:100%;min-height:100vh;position:fixed;background-color:var(--clr-acc-dark2);top:0;margin:auto;animation-name:slideIn;animation-duration:.8s;animation-timing-function:ease-in-out}@keyframes slideIn{0%{left:-110vw}100%{left:0}}.hide{display:none}.show{display:block}.opacity0{opacity:0}#hero{background-size:35px 35px,cover,cover;background-image:radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 0),linear-gradient(0deg, #161826, rgba(20, 18, 94, 0.8)),url("/assets/imgs/main-bg4-mobile-f4b43bca.jpg");background-color:var(--main-dark);background-repeat:repeat,repeat,no-repeat;background-position:-19px -19px,center,center;display:flex;flex-direction:column;align-items:center;position:relative}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}p.hero-alert{position:relative;padding-left:19px;margin-bottom:0px;padding-bottom:0px;font-weight:700;margin-bottom:20px;color:#9184d9}p.hero-alert::before{content:"";position:absolute;height:9px;width:9px;top:calc(50% + 2px);left:0;transform:translateY(-50%);background:#5fbfae;border-radius:50%;transition:all .25s;animation-name:blink;animation-duration:6s;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite}#hero-info-container{display:flex;flex-direction:row;justify-content:center;min-width:100%;margin-top:80px;padding-bottom:160px;gap:20px}.hero-info{display:flex;flex-direction:column;align-items:flex-start;width:50%}@media all and (max-width: 993px){#hero-info-container{flex-direction:column;align-items:center}.hero-info{width:100%}.hero-right{margin-top:30px}}.hero-text{color:#ffeed9;font-family:"Oswald",sans-serif;font-size:80px;text-align:left}.hero-subtext{color:#c0e6ff;font-family:"Oswald",sans-serif;font-weight:300;font-size:1.5rem;text-align:center}.hero-desc{color:#fff;font-size:20px;opacity:.7}#hero-buttons{margin-top:1.5rem}.hero-info.hero-right{background:#232532;border-radius:20px;padding:0px 0px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid #9397ab;height:fit-content;box-shadow:0px 0px 26px rgba(0,0,0,.8);overflow:hidden}#hero-stack-wrapper{min-width:100%}@keyframes trails{0%{transform:translateY(-150px);opacity:1}35%{opacity:.1}50%{opacity:1}75%{opacity:.1}100%{transform:translateY(100%);opacity:1}}#hero-stack{width:100%;position:relative}#stack-scanner{height:100%;width:100%;top:0;left:0;position:absolute;background:linear-gradient(#4c5397, transparent 90px);transition:all .25s;pointer-events:none !important;animation:trails 6s linear infinite}.stack-browser-buttons-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px}.stack-browser-button{height:10px;width:10px;background:#9397ab;opacity:.3;border-radius:50%}.hero-stack-top{border-bottom:2px solid #9397ab;min-width:100%;display:flex;justify-content:flex-start;padding:12px 12px 12px 20px}.hero-stack-top p{color:#efefef;opacity:.2;padding:0px 15px;margin-bottom:0px}.hero-stack-main{color:#fff;min-width:100%;padding:0px 25px}.stack-highlight{color:var(--clr-new-acc-deep);font-weight:700}.stack-li{color:#efefef;opacity:.2;margin-right:7px}.muted-text{opacity:.8;color:#9397ab}.hero-stack-bottom{border-top:2px solid #9397ab;margin:0px 25px;padding:15px 0px}.hero-stack-bottom p{color:#5fbfae}#arrow{width:100%;display:flex;justify-content:center;align-items:center}#arrow1{border:solid var(--light-blue-acc2);border-width:0 .2rem .2rem 0;display:inline-block;padding:1.25rem;animation:slidedown 3s infinite;position:absolute;bottom:0rem}#arrow2{border:solid var(--white);border-width:0 .2rem .2rem 0;display:inline-block;padding:1rem;animation:slidedown 3s infinite;position:absolute;bottom:0rem}@keyframes slidedown{0%{opacity:0;transform:rotate(45deg) translate(0.3rem, 0.3rem)}50%{opacity:1}100%{opacity:0;transform:rotate(45deg) translate(1.5rem, 1.5rem)}}#about-section{color:var(--white);font-family:"caveat",cursive;text-align:center;width:100%}#about h3{font-size:5rem;color:var(--light-blue-acc2)}#about p span{font-family:"rock salt",cursive}#projects-section{background-color:var(--clr-bg-color);padding:1.5rem;font-family:"oswald",cursive;text-align:center;width:100%;position:relative}.projects-container{display:grid;gap:1rem}.single-project{width:100%;height:auto;box-shadow:0 4px 7px 0 rgba(0,0,0,.2);background-color:var(--clr-acc-light-30)}.project-image{height:30vh;width:100%;display:block;text-decoration:solid;position:relative}.project-title{font-size:300px;padding:.5rem}.project-desc{font-size:1.5rem;border-radius:0 0 .4rem .4rem;padding:.5rem 0}.project-desc-text{width:100%;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;font-size:1.2rem;color:#000;padding:0 .5rem}.project-overlay-cta-mobile{color:#fff;font-size:1.5rem;text-align:right;padding:2rem;font-family:"oswald",sans-serif}.project-overlay-cta-large{width:50%;text-align:center;font-size:1rem}.img-overlay{display:hidden;color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;font-family:"oswald",sans-serif;overflow:hidden;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:all .3s;padding-top:1rem;background-color:rgba(6,11,26,.8431372549);border-radius:.4rem .4rem 0 0}.img-overlay:hover{opacity:1}.img-overlay>*{transform:translateY(50px);transition:all .3s}.img-overlay:hover>*{transform:translateY(0)}.project{background-repeat:no-repeat;background-size:cover;background-position:center center}#project-1{background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)),url("/assets/project-imgs/portfolio-7844ab85.png");background-repeat:no-repeat;background-size:cover;background-position:center center}#project-2{background-image:linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)),url("/assets/project-imgs/mightylock-01348779.png");background-repeat:no-repeat;background-size:cover;background-position:center center}#project-3{background-image:linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)),url("/assets/project-imgs/fafsa-c714230e.png");background-repeat:no-repeat;background-size:contain;background-position:center center}#skills-section{min-height:100%;color:#fff;padding:1.5rem;display:flex;flex-direction:column;backround:red}.skill-logo{width:50px;margin:.5rem .75rem}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;margin:3rem 0}@media screen and (min-width: 1110px){.section-text{text-align:center}#nav-bar,#hero-nav-bar{display:flex;align-self:flex-start}#nav-bar-mobile{display:none}#about-section{width:100%}.projects-container{display:grid;gap:2.5rem;grid-template-columns:repeat(3, 1fr);width:100%}.single-project{display:flex;flex-direction:column;position:relative}.project-desc{flex-grow:1}.project-desc-text{color:var(--clr-acc-light)}.mobile{display:none}.project-title{font-size:24px}.img-overlay{display:flex;flex-direction:column;justify-content:center;align-items:center}.skill-logo{width:75px}}footer{background-color:#000;color:#fff;display:flex;width:100%;justify-content:center;flex-wrap:wrap;height:auto;padding:2rem 0}.footer-icon-fill{fill:var(--off-white)}.footer-section{display:flex;align-items:center;margin:0 .5rem;gap:12px}#copyright{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;padding:.2rem;flex-basis:100%;margin-top:.5rem}#copyright p{font-size:1rem;margin:.1rem}.footer-icon{width:2.2rem;height:2.2rem;margin:0 .3rem}.footer-icon-fill:hover{fill:var(--light-blue-acc2);transition:all .3s ease}#contact-main{padding-top:2rem;text-align:center;display:flex;flex-direction:column;padding-bottom:15rem;color:#fff}#contact-heading h1{font-size:2.5rem}#contact-heading h2{font-size:1.2rem}#contact-heading{margin-bottom:1rem;padding:0 1rem}.contact-icon{width:10rem;margin:auto;margin-top:1rem}.contact-icon-fill{fill:#0072b1}.contact-icon-fill:hover{fill:var(--light-blue-acc2);transition:all .3s ease}#map{margin:2rem auto -15rem auto;width:100%;height:20rem}@media screen and (min-width: 1110px){#contact-main{width:100%;margin:auto}#contact-heading{margin-bottom:1rem}#contact-heading h1{font-size:3.5rem}#contact-heading h2{font-size:1.7rem}.contact-icon{width:20rem;margin:auto;margin-top:1rem}#map{width:100%}}#about-main{color:var(--light-blue-acc2);text-align:center;background-image:linear-gradient(rgba(16, 13, 39, 0.4431372549), rgba(15, 9, 55, 0.5529411765)),url("/assets/imgs/main-bg2-49a49123.jpg");background-size:cover;background-position:center}#about-title-box{padding:1rem;background-color:rgba(3,1,19,.6823529412);width:90%;position:relative;margin:auto;text-transform:capitalize}#about-photo-bg{max-width:100%;min-height:80vh;display:flex;flex-direction:row;padding:1.5rem 0;gap:.5rem}.about-text-container{display:flex;flex-direction:column;gap:.5rem}#about-text{background-color:rgba(3,1,19,.8588235294);width:90%;margin:auto;padding:1rem;text-align:justify;text-justify:inter-word;font-size:1.1rem}#about-pg-img-contatiner{display:none;max-width:35vw}#about-pg-img{width:100%;height:auto;object-fit:cover;box-shadow:0 4px 7px 0 rgba(0,0,0,.8)}@media screen and (min-width: 1110px){#about-title-box{margin:5rem auto 0 auto}#about-text{margin:5rem auto 0 auto}#about-pg-img-contatiner{display:block;padding:5rem}#about-photo-bg{max-width:60%;margin:auto}}