body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Monocraft;src:url(/fonts/monocraft.woff2) format("woff2"),url(/fonts/monocraft.ttf) format("truetype");font-display:swap}@font-face{font-family:Superstar;src:url(/fonts/superstar.woff2) format("woff2"),url(/fonts/superstar.ttf) format("truetype");font-display:swap}:root{--primary:#84c3ec;--secondary:#132637;--accent:#84c3ec;--white:#fff;--headingDark:#0e1110;--paragraphDark:#191c1b;--headingLight:#fefbfd;--paragraphLight:#fff;--bgLight:#242a33;--bgMedium:#14181f;--bgDark:#060c11;--bgWhite:#fff;--success: ;--danger: ;--shadow: ;--hFont:"superstar",Verdana;--cFont:"Monocraft",Lucida Console;--pFont:"Monocraft",sans-serif}html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--bgLight)}*{margin:0;padding:0}main{min-height:min(100vh,900px)}.align-center{align-items:center;display:flex}.align-end{align-items:flex-end;display:flex}.align-start{align-items:flex-start;display:flex}.border1{border-radius:5px}.border2{border-radius:10px}.center{align-items:center;justify-content:center}.divider{border-color:var(--paragraph);margin:var(--tiny) auto;width:95%}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-wrap{display:flex;flex-wrap:wrap}.cFont{font-family:var(--cFont)}.hFont{font-family:var(--hFont)}.pFont{font-family:var(--pFont)}.justify-around{display:flex;justify-content:space-around}.justify-between{display:flex;justify-content:space-between}.justify-center{display:flex;justify-content:center}.justify-evenly{display:flex;justify-content:space-evenly}.list-style-none{list-style-type:none;padding:0}.text-align-center{text-align:center}.text-deco-none{text-decoration:none}.trans-ease-in{transition:.3s ease-in}.trans-ease-out{transition:.3s ease-out}.width-limiter{height:inherit;margin:auto;max-width:1440px}header{background-color:var(--bgDark);padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:10}header,header .width-limiter{height:70px}#logo-text{color:var(--headingLight);font-family:var(--hFont);font-size:1.5rem;gap:1rem;letter-spacing:3px;text-decoration:none}#section-links{font-family:var(--hFont);gap:.5rem;list-style:none}#section-links button{align-items:center;background-color:var(--bgDark);border:none;box-shadow:0 -1px 0 transparent;color:var(--headingLight);cursor:pointer;display:flex;font-family:var(--hFont);font-size:1.3rem;letter-spacing:2px;padding:.5rem .75rem;transition:.3s ease-out}#nav-links button:hover{box-shadow:0 -2px 0 var(--accent);color:var(--accent)}#social-links{list-style:none;gap:1rem}#social-links a{border-radius:10px;display:block;height:25px;outline:2px solid var(--headingLight);padding:8px;transition:.3s ease-in-out;width:25px}#social-links a:hover{outline-offset:5px}#instagram:hover{background:#f09433;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);outline-color:#f09433;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433",endColorstr="#bc1888",GradientType=1)}#github:hover{background-color:#333;outline-color:#333}#linkedIn:hover{background-color:#0072b1;outline-color:#0072b1}#lets-talk{background-color:var(--primary);border-radius:10px;border:2px solid var(--bgDark);color:var(--headingLight);cursor:pointer;font-family:var(--hFont);font-size:1.3rem;font-weight:700;letter-spacing:2px;padding:.7rem 1rem;transition:.3s ease-in-out}#lets-talk:hover{background-color:var(--bgMedium);border-color:var(--primary);color:var(--primary)}#side-nav-btn{align-items:center;background-color:var(--bgLight);border-radius:5px;border:none;cursor:pointer;display:flex;padding:5px;transition:.2s ease-out}#side-nav-btn:hover{transform:scale(1.05)}#side-nav-btn:active{transform:scale(.95)}#side-nav,#side-nav-btn.opened{background-color:var(--secondary)}#side-nav{border-radius:0 0 0 5px;box-shadow:0 5px 5px var(--bgDark);height:-moz-fit-content;height:fit-content;position:fixed;right:-200px;top:70px;width:200px;transition:.2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9}#side-nav.opened{right:0}#side-nav button{background-color:transparent;border:3px solid transparent;color:var(--headingLight);cursor:pointer;display:block;font-size:1.2rem;font-weight:700;letter-spacing:2px;padding:1.25rem 0;transition:.2s ease-in-out;width:200px}#side-nav button:hover{background-color:var(--accent);color:var(--bgMedium)}footer{height:-moz-fit-content;height:fit-content}#footer-top{background-color:var(--secondary)}#footer-top>div{display:flex;gap:3rem;padding:3rem 2rem;justify-content:space-evenly}.bible-verse{background-color:var(--bgDark);border-radius:5px;box-sizing:border-box;height:-moz-fit-content;height:fit-content;padding:1rem;width:clamp(264px,80%,500px)}.verse-parag{color:var(--white);font-family:var(--pFont);font-size:1rem;line-height:1.7rem;text-align:justify}.footer-subcont-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly;row-gap:2rem;width:clamp(300px,40%,600px)}.footer-subcont{display:flex;flex-direction:column;align-items:flex-end;width:250px}.footer-subheader{color:var(--primary);font-family:var(--hFont);font-size:1.5rem;letter-spacing:3px}.footer-subcont a,.footer-subcont button{background-color:transparent;border:none;color:var(--white);cursor:pointer;font-family:var(--pFont);font-size:1rem;padding:.7rem 1rem;text-decoration:none;width:-moz-fit-content;width:fit-content}#footer-bot,.footer-subcont a:hover,.footer-subcont button:hover{background-color:var(--bgDark)}#footer-bot>div{color:var(--white);display:flex;font-family:var(--pFont);height:50px;justify-content:space-evenly;padding:0 2rem}#copyright p{font-size:.8rem}.foot-socials{align-items:center;display:flex;gap:2rem}.foot-socials a,.foot-socials button{background-color:transparent;border:none;cursor:pointer;padding:11px 12.5px}.foot-socials a:hover,.foot-socials button:hover{background-color:var(--secondary)}.foot-socials img{height:25px;width:25px}.span-title-landing{background-color:var(--accent);border-radius:.5rem;color:var(--bgMedium);font-size:1.1rem;font-weight:700;margin-bottom:5px;padding:.2rem .4rem}.span-title,.span-title-landing{display:block;font-family:var(--pFont);letter-spacing:1px;width:-moz-fit-content;width:fit-content}.span-title{color:var(--accent);font-size:1rem;margin:1px auto -5px;text-transform:capitalize}.section-heading{font-size:2.5rem;margin:0 auto;z-index:3}.section-heading,.section-subheading{color:var(--white);display:block;font-family:var(--hFont);letter-spacing:3px;width:-moz-fit-content;width:fit-content}.section-subheading{font-size:2rem}.paragraph{background-color:rgba(20,24,31,.7);border-radius:5px;color:var(--paragraphLight);font-family:var(--pFont);font-size:1.1rem;font-weight:700;line-height:2rem;margin:1rem 0;padding:.2rem 1rem;text-align:justify;white-space:pre-line}.section-list{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin-bottom:1.5rem}.section-list li{background-color:var(--secondary);border-radius:5px;color:var(--accent);font-family:var(--pFont);font-size:1rem;font-weight:700;letter-spacing:1px;padding:.8rem 1rem;width:-moz-fit-content;width:fit-content}.section-list.cap li{text-transform:capitalize}.section-list-item{background-color:var(--secondary);border-radius:5px;color:var(--accent);font-family:var(--pFont);font-size:1rem;font-weight:700;letter-spacing:1px;padding:.8rem 1rem;width:-moz-fit-content;width:fit-content;border:none;cursor:pointer}.mini-card-container{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.mini-card{background-color:var(--secondary);border-radius:5px;font-family:var(--pFont);font-size:1.1rem;padding:1rem 1.2rem;width:clamp(264px,40%,300px)}.mini-card>:last-child{margin-bottom:0}.mini-card h4{color:var(--accent);letter-spacing:1px;margin-bottom:5px}.mini-card p{color:var(--white);font-size:1rem;margin-bottom:10px;text-transform:capitalize}.mini-card span{color:var(--accent)}section#landing{position:relative;background-image:url(/assets/images/Landing.png);background-position:top;background-size:cover}section#landing>.width-limiter{align-items:center;display:flex;height:720px;justify-content:center;overflow:hidden}#landing-content{height:300px;margin:0 -250px -50px 50px;padding:2rem;width:700px;z-index:2}#landing-content h1{color:var(--white);font-family:var(--hFont);font-size:3.5rem;letter-spacing:3px;line-height:3rem;margin:5px 0 -.5rem;text-shadow:4px 4px 4px var(--bgDark)}#projects-button{background:var(--accent);border-radius:10px;border:none;color:var(--secondary);cursor:pointer;font-family:var(--hFont);font-size:1.3rem;height:3.5rem;letter-spacing:3px;margin:1rem 0;overflow:hidden;padding:.5rem 4rem .5rem 1.5rem;position:relative;display:flex;align-items:center;box-shadow:inset 0 0 1.6em -.6em var(--accent)}#projects-button .icon{background:var(--white);margin-left:1.5rem;position:absolute;display:flex;align-items:center;justify-content:center;height:2.5rem;width:3rem;border-radius:10px;box-shadow:.1em .1em .6em .2em var(--secondary);right:.3em;transition:all .3s}#projects-button:hover .icon{width:calc(100% - .6em)}#projects-button .icon img{width:1.1em;transition:transform .3s;color:var(--secondary)}#projects-button:hover .icon img{transform:translateX(.1em)}#projects-button:active .icon{transform:scale(.95)}section#landing .image-wrapper{aspect-ratio:1/1;margin-bottom:-75px;overflow:hidden;width:clamp(350px,95%,550px);z-index:1}section#landing .image-wrapper img{height:100%;object-fit:cover;width:100%}.landing-divider{bottom:-1px;left:0;line-height:0;overflow:hidden;position:absolute;width:100%;z-index:3}.landing-divider svg{display:block;height:165px;position:relative;width:calc(140% + 1.3px)}.landing-divider .shape-fill{fill:var(--bgMedium)}#stats-container{background-color:var(--bgMedium)}#stats-container .width-limiter{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-evenly;margin-bottom:3rem;padding:.5rem}.stat-card{background-color:var(--bgLight);border-radius:10px;box-sizing:border-box;padding:1.5rem;width:clamp(250px,95%,400px)}.stat-card div{align-items:center;display:flex;gap:1rem;justify-content:center}.stat-card h2{font-family:var(--hFont);letter-spacing:2px;color:var(--primary);font-size:5rem;text-transform:uppercase}.stat-card img{aspect-ratio:1/1;width:144px}.stat-card p{color:var(--headingLight);font-family:var(--pFont);font-size:1.1rem;margin-top:1rem;text-align:center;text-transform:capitalize}#about-me{background-color:var(--bgMedium);padding:10rem 0 8rem;margin-top:-10rem}#about-me div.width-limiter{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly;padding:2rem;row-gap:0}#about-left{align-items:center;display:flex;flex-direction:column;gap:1rem;height:-moz-fit-content;height:fit-content;padding:1rem;position:relative;width:clamp(250px,85%,400px)}#about-left .image-wrapper{aspect-ratio:1/1;border-radius:4px;overflow:hidden;width:clamp(250px,100%,400px);z-index:2}#about-left .image-wrapper img{height:100%;width:100%}.float-container{animation:float 4s ease infinite;aspect-ratio:1/1;position:absolute;right:-32px;top:-32px;width:clamp(250px,100%,400px);transform:translateY(10px);z-index:1}@keyframes float{0%{transform:translateY(10px)}50%{transform:translateY(-10px)}to{transform:translateY(10px)}}.pseudo{animation:tilt 4s ease-in-out infinite;background-color:var(--secondary);border-radius:4px;height:100%;transform:rotate(3deg);width:100%;z-index:-1}@keyframes tilt{0%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}#send-email{align-items:center;background-color:var(--bgDark);border-radius:0;border:none;box-shadow:3px 3px 5px var(--bgDark);color:var(--white);cursor:pointer;display:flex;font-family:var(--hFont);font-size:1rem;font-weight:lighter;gap:10px;height:55px;justify-content:center;letter-spacing:2px;overflow:hidden;position:relative;transition-duration:.3s;width:200px}#send-email img{width:32px}#send-email:before{background-color:var(--white);border-radius:50%;content:"";height:130px;left:-100%;mix-blend-mode:difference;position:absolute;top:0;transition-duration:.5s;width:200px}#send-email:hover:before{border-radius:0;transform:translate(100%,-50%);transition-duration:.3s}#send-email:active{transform:translate(5px,5px);transition-duration:.3s}#download-cv{align-items:center;background-color:var(--bgDark);border:2px solid var(--white);box-shadow:3px 3px 5px var(--bgDark);color:var(--white);display:flex;font-family:var(--hFont);font-size:1rem;font-weight:lighter;height:55px;letter-spacing:2px;position:relative;text-align:left;transition:all .6s ease;width:200px}#download-cv:hover{background-color:var(--secondary);border-color:var(--secondary);cursor:pointer}#download-cv img{position:absolute;right:1rem;transition:all .6s ease;width:32px}#download-cv:hover .text{transform:translateX(10px)}#download-cv:hover img{transform:translateX(-7px)}.text{position:absolute;left:1rem;transition:all .6s ease}#about-right{height:-moz-fit-content;height:fit-content;padding:1rem;width:clamp(264px,85%,650px)}#introductoryParagraph{background-color:var(--secondary);border-radius:5px;display:block;padding:.8rem 1rem}.skills-divider{left:0;line-height:0;overflow:hidden;position:relative;top:0;width:100%;z-index:-1;margin-bottom:-250px}.skills-divider svg{display:block;height:50px;position:relative;width:calc(100% + 1.3px)}.skills-divider .shape-fill{fill:var(--bgMedium)}section#skills{padding:10rem 0 4rem;margin-top:-10rem;overflow:hidden}#skills .width-limiter{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:2rem auto 3rem;padding:1rem 2rem;overflow:hidden}#skills .width-limiter:last-child{margin:2rem auto 0}.skill-heading{color:var(--accent);font-family:var(--hFont);font-size:1.75rem;letter-spacing:2px;text-align:center;margin:2.5rem 1rem 1rem}.skill-card{background-color:var(--bgMedium);border:2px solid transparent;border-radius:5px;padding:1rem .5rem .5rem;width:clamp(120px,30%,200px);transition:.3s ease-out}.skill-card:hover{border:2px solid var(--accent);box-shadow:0 0 .5rem var(--accent);transform:scale(1.05)}.skill-card img{aspect-ratio:1/1;border-radius:2px;display:block;margin:0 auto 1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:80%}.skill-card p{color:var(--white);display:block;font-family:var(--pFont);font-size:1.1rem;font-weight:700;letter-spacing:2px;margin-bottom:15px;text-align:center;text-transform:capitalize}.project-card{background-color:var(--bgLight);border-radius:5px;padding:1rem;width:clamp(300px,80%,450px)}.project-card .image-wrapper{aspect-ratio:16/9;display:block;border-radius:2px;overflow:hidden;width:100%;margin:0 auto;position:relative}.project-card img{cursor:pointer;height:101%;transition:.3s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.project-card p{background-color:transparent;color:transparent;font-family:var(--hFont);font-size:2rem;left:50%;letter-spacing:3px;padding:100%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:.5s ease}.project-card .image-wrapper:hover p{background-color:#060c1195;color:var(--accent);text-shadow:3px 3px 5px var(--bgDark)}.project-card .image-wrapper:hover img{transform:scale(1.05)}.project-card .card-title{color:var(--white);font-family:var(--hFont);font-size:1.65rem;letter-spacing:3px;margin:15px auto 5px;overflow:hidden;text-overflow:ellipsis;text-shadow:3px 3px 5px var(--bgDark)}.project-tags{display:flex;flex-wrap:wrap;gap:10px;height:-moz-fit-content;height:fit-content}.project-tags span{background-color:var(--bgDark);border-radius:5px;color:var(--accent);font-family:var(--pFont);font-size:.8rem;letter-spacing:1px;padding:5px 10px}.projects-divider{line-height:0;overflow:hidden;position:absolute;width:100%}.projects-divider svg{display:block;height:110px;position:relative;transform:rotateY(180deg);width:calc(100% + 1.3px)}.projects-divider .shape-fill{fill:var(--bgLight)}section#recent-projects{background-color:var(--bgMedium);padding-top:150px}#recent-projects .width-limiter{display:flex;flex-wrap:wrap;justify-content:center;padding:2rem 2rem 4rem;gap:2rem}#project-details-container{background-color:var(--bgMedium)}.project-heading{color:var(--white);font-family:var(--hFont);font-size:3rem;font-weight:700;letter-spacing:3px;padding:1rem 1.5rem;text-align:center;text-transform:capitalize}.project-details{display:grid;grid-template-columns:100%;padding:1rem 2rem;place-items:center}.details-background{padding:2rem}.details-background:nth-child(odd){background-color:var(--bgLight)}.project-details.alt{grid-template-columns:65% 35%;margin:auto;max-width:1280px;place-items:start}.project-details div{height:auto;max-width:1280px}.project-details .text-container{order:2}.text-container{width:inherit}#project-details-container .project-tags{gap:2rem;justify-content:center;margin:auto;padding:1.25rem 1rem;width:85%}#project-details-container .project-tags li{background-color:var(--bgDark);border-radius:5px;color:var(--accent);display:block;font-family:var(--pFont);font-size:1.2rem;font-weight:700;letter-spacing:2px;padding:.75rem 1.5rem}.project-intro{padding:.5rem 5rem}.project-subhead{color:var(--accent);font-family:var(--hFont);font-size:2rem;letter-spacing:3px;margin:1rem 0}.project-details.alt .project-subhead{margin-bottom:1rem}.text-container p{display:block;line-height:2rem;text-align:justify}.project-ul li,.text-container p{color:var(--white);font-family:var(--pFont);font-size:1.1rem}.project-ul li{letter-spacing:2px}.project-screenshot{margin:auto;width:clamp(250px,90%,900px)}.project-screenshot img{border-radius:5px;display:block;margin:auto;width:90%}.project-details.alt .project-screenshot img{margin:0 auto 0 0;max-height:75vh;width:95%}#backHomeBtn{align-items:center;background-color:var(--accent);border-radius:3px;border:none;color:var(--bgDark);cursor:pointer;display:flex;font-family:var(--hFont);font-size:1.2rem;height:2.5rem;justify-content:center;left:1.5rem;letter-spacing:2px;margin-bottom:1rem;position:relative;top:1rem;transition:all .2s linear;width:125px}#backHomeBtn>img{height:16px;margin-left:5px;margin-right:5px;transition:all .3s ease-in}#backHomeBtn:hover>img{transform:translateX(-10px) scale(1.5)}#backHomeBtn:hover{box-shadow:9px 9px 33px var(--secondary),-9px -9px 33px var(--secondary)}#back-to-top{align-items:center;background-color:var(--accent);border-radius:3px;border:none;bottom:7rem;cursor:pointer;display:flex;height:3rem;justify-content:center;opacity:0;position:fixed;right:2.25rem;transition:opacity .3s,visibility .3s;visibility:hidden;width:3rem;z-index:6}#back-to-top.visible{opacity:1;visibility:visible}#back-to-top p{align-items:center;bottom:-20px;color:var(--white);display:flex;font-family:var(--pFont);font-size:.8rem;letter-spacing:1px;justify-content:center;opacity:0;position:absolute;transition-duration:.7s;width:120px}#back-to-top:hover p{opacity:1;transition-duration:.7s}#back-to-top:hover #arrow-up{animation:slide-in-bottom .7s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-bottom{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media only screen and (max-width:1080px){#social-links li:last-child{display:none}}@media only screen and (max-width:922px){.project-details.alt{grid-template-columns:100%}.project-details.alt .project-screenshot img{margin:0 auto}}@media only screen and (max-width:910px){header div.width-limiter{justify-content:space-between}#social-links{display:none}}@media only screen and (min-width:746px){#side-nav-btn{display:none}}@media only screen and (max-width:745px){#nav-links{display:none}header div.width-limiter{padding:0 1rem}#footer-bot>div,header div.width-limiter{justify-content:space-between}section#landing>.width-limiter{flex-direction:column}#landing-content{margin:0 0 -50px;width:80%;text-align:center}.span-title-landing{margin:auto}#projects-button{margin:0 auto}section#landing .image-wrapper{margin-bottom:0}.landing-divider svg{height:75px}.stat-card img{width:92px}.stat-card h2{font-size:3rem;width:-moz-fit-content;width:fit-content}}@media only screen and (max-width:720px){header div.width-limiter{padding:0}#footer-top>div{align-items:center;flex-direction:column;padding:2rem 1rem}.footer-subcont-container{flex-direction:row;justify-content:space-evenly;width:80%}.footer-subcont{align-items:center;text-align:center}#copyright p .extension{display:none}.project-intro{padding:.5rem 2rem}}@media only screen and (max-width:500px){.foot-socials{gap:.5rem}.span-title-landing{font-size:1rem}#landing-content h1{font-size:3rem}.paragraph{font-size:1rem}.skill-card p{font-size:.8rem}.details-background{padding:1rem}}@media only screen and (max-width:350px){header{padding:0 .5rem}#footer-bot div{padding:0 4px}.foot-socials{gap:0}}