#carousel{justify-content:center;align-items:center;width:95%;height:auto;display:flex;position:relative}#carousel #slide-space{box-shadow:0px 0px 7px var(--color-slide-border);border-radius:.5rem;justify-content:space-evenly;display:flex;position:relative;overflow:hidden}#carousel #slide-space .slide{width:100%;height:100%;display:none}#carousel #slide-space .active-slide{transition:display 1s;animation:1.75s ease-in both showSlide;display:block}#carousel #prevButton,#carousel #nextButton{border:1px solid var(--color-white);width:4rem;height:auto;color:var(--color-white);background-color:#0000;border-radius:100%;justify-content:center;align-items:center;transition-duration:.5s;display:flex}:is(#carousel #prevButton,#carousel #nextButton) .arrow{border-radius:100%;padding:.4rem;font-size:2.5rem;font-weight:300;position:relative}:is(#carousel #prevButton,#carousel #nextButton):hover{cursor:pointer;background-color:var(--color-white);color:var(--color-heading);transition-duration:.5s}#carousel #prevButton{margin-right:1rem}#carousel #nextButton{margin-left:1rem}#carousel .indicators{gap:.5rem;display:flex;position:absolute;bottom:1rem}#carousel .indicators .indicator{background-color:var(--color-heading);cursor:pointer;border:none;border-radius:100%;outline:none;width:.7rem;height:.7rem;margin:0 .2rem;box-shadow:0 0 5px #555}#carousel .indicators .indicator-inactive{background-color:var(--color-white)}@keyframes showSlide{0%{opacity:0;transform:scale(1.025)}50%{opacity:1}to{transform:scale(1)}}
.contactCard{justify-content:center;align-items:center;gap:.4rem;width:310px;padding:1rem;display:flex}.contactCard .contact-icon{filter:grayscale();opacity:.4;width:50px}.contactCard hr{border-color:var(--color-heading);border-inline-end-style:none;height:5rem}.contactCard .contactCard-info{flex-direction:column;width:60%;padding-left:.4rem;display:flex}.contactCard .contactCard-info .contact-heading{text-transform:uppercase;color:var(--color-heading);letter-spacing:2px;font-family:Noto Serif Display,serif;font-size:1.2rem}.contactCard .contactCard-info .contact-text{color:var(--color-white);font-size:1rem}
#contactForm{border:1px solid var(--color-auth-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6464640d;border-radius:6px;flex-direction:column;align-items:center;width:40rem;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000026}#contactForm .input:first-of-type{border-bottom:.5px solid var(--color-auth-border-bottom);border-radius:6px 6px 0 0}#contactForm .input:last-of-type{border-top:0;border-radius:0 0 6px 6px}#contactForm .information-input{width:90%;color:var(--color-white);flex-direction:column;padding:8px 12px;display:flex}#contactForm .information-input .input-label{text-transform:uppercase;letter-spacing:2px;padding:3px 12px;font-size:.63rem;font-weight:300}#contactForm .information-input .input-field{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white);appearance:none;box-shadow:none;border-style:none;border-radius:6px;height:50px;padding-left:1rem;font-size:1rem;transition:all .5s}#contactForm .information-input .input-field:focus{border-color:var(--color-white);outline:none;transition:all .5s;box-shadow:inset 0 1px 3px #ffffff20,0 0 10px 1px #ffffff80}#contactForm .information-input #message{box-sizing:border-box;resize:none;min-height:15rem;margin:0;padding-top:.5rem;padding-left:1rem;font-size:1rem}#contactForm .message-success,#contactForm .message-failure{letter-spacing:1px;margin-top:1rem;font-family:Canela,PF Regal Display Pro,Times New Roman,serif;font-size:1.3rem}#contactForm .message-success{color:var(--color-success)}#contactForm #sendButton{width:85%;margin-top:2rem}@media (max-width:700px){#contactForm{width:95%;padding:1rem}}@media (max-width:500px){#contactForm .information-input{width:100%}#contactForm #sendButton{width:90%}}
#hamburger{color:var(--color-white);z-index:100;margin-right:2rem;display:flex;position:relative}#hamburger .hamburger-label{text-transform:uppercase;cursor:pointer;border-radius:0;align-items:center;font-size:1rem;display:flex}#hamburger .hamburger-label .text{letter-spacing:.075rem;width:3.5rem;height:100%;margin-right:.5rem;position:relative;top:36%;overflow:hidden}#hamburger .hamburger-label .text .open,#hamburger .hamburger-label .text .close{transition:left .3s;position:absolute;bottom:50%}#hamburger .hamburger-label .text .open{left:.181818rem}#hamburger .hamburger-label .text .close{left:100%}#hamburger .hamburger-label .circle{border:1px solid #fff;border-radius:50%;width:35px;height:35px;display:inline-block;position:relative}#hamburger .hamburger-label .circle .hamburger-stripes{background:var(--color-white);width:65%;height:2px;transition:all .5s;position:absolute;top:50%;left:17%}#hamburger .hamburger-label .circle .hamburger-stripes:before{top:-.4rem}#hamburger .hamburger-label .circle .hamburger-stripes:after{top:.35rem}#hamburger .hamburger-label .circle .hamburger-stripes:before,#hamburger .hamburger-label .circle .hamburger-stripes:after{content:"";background:var(--color-white);width:100%;height:2px;transition:all .5s;position:absolute}#hamburger .hamburger-label .active-burger{background:var(--color-active);color:var(--color-black);border-color:#0000}#hamburger .hamburger-label .active-burger .hamburger-stripes{background:0 0}#hamburger .hamburger-label .active-burger .hamburger-stripes:before{background:var(--color-black);top:40%;transform:rotate(135deg)}#hamburger .hamburger-label .active-burger .hamburger-stripes:after{background:var(--color-black);top:1px;transform:rotate(225deg)}#hamburger :has(.active-burger) .text .open{transition:left .3s;left:100%}#hamburger :has(.active-burger) .text .close{transition:left .3s;left:0}@media (max-width:450px){#hamburger{margin-right:1rem}#hamburger .hamburger-label .circle .hamburger-stripes{top:49%}}
#logo{cursor:pointer;color:var(--color-white);align-items:center;gap:1rem;margin-left:2rem;display:flex;position:relative}#logo .logo-circle{width:3.5rem;color:var(--color-heading);border:2px solid;border-radius:100%;justify-content:center;align-items:center;padding-right:.3rem;font-family:Luxurious Script,cursive;font-size:2.5rem;font-weight:700;display:flex}@media (max-width:450px){#logo{gap:.5rem;margin-left:1rem}}
#marquee{width:100%;height:100%}#marquee .wrapper{margin-inline:auto;width:90%;max-width:1536px;height:200px;margin-top:5rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}#marquee .wrapper .project{filter:brightness(.8);border-radius:6px;width:400px;height:200px;animation-name:scrollLeft;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;left:max(1600px,100%)}#marquee .wrapper .project:hover{filter:brightness()}#marquee .wrapper .item1{animation-delay:-26.25s}#marquee .wrapper .item2{animation-delay:-18.75s}#marquee .wrapper .item3{animation-delay:-11.25s}#marquee .wrapper .item4{animation-delay:-3.75s}#marquee .wrapper:hover .project{animation-play-state:paused}@keyframes scrollLeft{to{left:-370px}}
.nav{z-index:10;background-color:#141414f2;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.nav .nav__links{text-align:center;flex-direction:column;gap:1rem;font-size:4rem;list-style:none;display:flex}.nav .nav__links a{color:var(--color-white);text-transform:uppercase;text-decoration:none}.nav .nav__links .nav__link:hover{color:var(--color-active);cursor:pointer}.nav .nav__links .nav__link.active{color:var(--color-active)}.nav .nav__links :first-child{animation:.5s ease-out slide-in-left-0}.nav .nav__links :nth-child(2){animation:.75s ease-out slide-in-left-1}.nav .nav__links :nth-child(3){animation:.6s ease-out slide-in-left-2}.nav .nav__links :nth-child(4){animation:.75s ease-out slide-in-left-2}.nav .nav__links :nth-child(5){animation:.75s ease-out slide-in-left-1}.nav-open{animation:.5s linear open-menu;display:flex}@keyframes open-menu{0%{opacity:0}to{opacity:1}}.nav-close{animation:.5s linear close-menu}.nav-close .nav__links :first-child{animation:.5s ease-out slide-out-left-0}.nav-close .nav__links :nth-child(2){animation:.75s ease-out slide-out-left-1}.nav-close .nav__links :nth-child(3){animation:.6s ease-out slide-out-left-2}.nav-close .nav__links :nth-child(4){animation:.75s ease-out slide-out-left-2}.nav-close .nav__links :nth-child(5){animation:.75s ease-out slide-out-left-1}@keyframes close-menu{0%{opacity:1;display:flex}50%{opacity:.7}to{opacity:0;display:none}}@keyframes slide-in-left-0{0%{opacity:0;translate:-5vw}50%{opacity:.3}to{opacity:1;translate:0}}@keyframes slide-in-left-1{0%{opacity:0;translate:-10vw}50%{opacity:.3}to{opacity:1;translate:0}}@keyframes slide-in-left-2{0%{opacity:0;translate:-5vw}50%{opacity:.3}to{opacity:1;translate:0}}@keyframes slide-out-left-0{0%{opacity:1;translate:0}50%{opacity:.3}to{opacity:0;translate:-5vw}}@keyframes slide-out-left-1{0%{opacity:1;translate:0}50%{opacity:.3}to{opacity:0;translate:-10vw}}@keyframes slide-out-left-2{0%{opacity:1;translate:0}50%{opacity:.3}to{opacity:0;translate:-5vw}}@media (max-width:700px){.nav .nav__links{font-size:3rem}}@media (max-width:550px){.nav .nav__links{font-size:2.5rem}}@media (max-width:450px){.nav .nav__links{font-size:2rem}}
#header{background:0 0;justify-content:center;align-items:center;width:100%;min-height:6rem;display:flex;position:absolute;top:0}#header #logoLink{z-index:100;text-decoration:none;animation:1s ease-in slide-logo-down;position:absolute;top:25%;left:0}#header #hamburger{animation:1s ease-in slide-logo-down;position:absolute;top:35%;right:0}@keyframes slide-logo-down{0%{translate:0 -10rem}to{translate:0}}
#projectCard{background-color:#0000;background-color:var(--color-background-light);border:1px solid #bda27050;border-radius:4px;justify-content:space-between;gap:1rem;width:800px;min-width:800px;transition:border .5s;animation-duration:1s;display:flex;box-shadow:0 8px 24px #959da533}#projectCard .darken-image-right{z-index:1;background:linear-gradient(90deg,#10101000 0%,#000 60%);border-top-right-radius:4px;border-bottom-right-radius:4px;width:70%;height:100%;position:absolute;top:0;right:0}#projectCard:hover{border-color:var(--color-heading);transition:border-color .5s}#projectCard:hover .projectCard-image{transition-duration:1.1s;transform:scale(1.05)}#projectCard .project-image-link{width:100%;margin:0;padding:0;overflow:hidden}#projectCard .project-image-link #project-image-container{border-radius:4px;width:100%;height:13rem;display:flex;overflow:hidden}#projectCard .project-image-link #project-image-container .projectCard-image{object-fit:cover;border-radius:4px;width:100%;margin-left:0;transition:all .7s;display:block}#projectCard .content{z-index:3;text-align:right;flex-direction:column;align-self:center;gap:1rem;width:45%;padding-right:1rem;display:flex;position:absolute;right:0}#projectCard .content .project-created{color:var(--color-heading);font-size:1rem}#projectCard .content .project-title{color:var(--color-white);align-self:flex-end;width:fit-content;font-size:1.8rem;line-height:1.5rem;text-decoration:none}#projectCard .content .content-text{color:var(--color-text-darker);font-family:poppins,sans-serif;font-size:1rem;font-weight:100;line-height:1.4rem}@media (max-width:830px){#projectCard{width:100%;min-width:98%}#projectCard .content{width:70%}#projectCard .project-image-link #project-image-container .projectCard-image{filter:brightness(.6)}}@media (max-width:500px){#projectCard{flex-direction:column;justify-content:center;align-items:center}#projectCard .project-image-link{width:100%}#projectCard .project-image-link #project-image-container{height:15rem}#projectCard .content{width:100%;padding-left:1rem}}
.readMoreCard{background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:4px;flex-direction:column;justify-content:space-between;width:22rem;display:flex}.readMoreCard .readMore-image-link{margin:0;padding:0;overflow:hidden}.readMoreCard .readMore-image-link #readMore-image-container{border-top-left-radius:4px;border-top-right-radius:4px;width:100%;height:15rem;display:flex;overflow:hidden}.readMoreCard .readMore-image-link #readMore-image-container .readMoreCard-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:4px;border-top-right-radius:4px;width:100%;margin-left:0;transition:all .7s;display:block}.readMoreCard .readMore-image-link #readMore-image-container .readMoreCard-image:hover{transition-duration:1.1s;transform:scale(1.05)}.readMoreCard .readMoreCard-bottom{justify-content:center;align-items:center;gap:1rem;padding:.5rem;display:flex}.readMoreCard .readMoreCard-bottom .readMoreCard-link{border:1px solid var(--color-border);width:fit-content;color:var(--color-heading);letter-spacing:.15rem;text-box-trim:trim-end;white-space:preserve nowrap;text-transform:uppercase;z-index:3;background-color:#0000;border-radius:20px;margin-top:1rem;padding:8px 15px;font-family:poppins,sans-serif;font-size:.9rem;font-weight:300;text-decoration:none;transition:all .5s;display:inline}.readMoreCard .readMoreCard-bottom .readMoreCard-link:hover{background-color:var(--color-readmore-hover)}.readMoreCard .readMoreCard-bottom>hr{border-top:1px solid var(--color-background-extra-light);border-bottom:thin;border-left:none;border-right:none;width:35%;margin-top:1rem}.readMoreCard .content{flex-direction:column;gap:1rem;height:39%;padding:.5rem;display:flex}.readMoreCard .content .content-title{min-height:3rem;font-size:1.8rem;line-height:1.8rem}.readMoreCard .content .content-text{color:var(--color-text-darker);font-family:poppins,sans-serif;font-size:1rem;font-weight:100;line-height:1.6rem}@media (max-width:400px){:scope .readMoreCard{width:95%}:scope .readMoreCard .readMoreCard-bottom .readMoreCard-link,:scope .readMoreCard .readMoreCard-bottom>hr{margin-top:0}}
.serviceCard{text-align:center;flex-direction:column;align-items:center;width:300px;display:flex}.serviceCard .service-image{width:50px;margin:.7rem}.serviceCard .service-heading{color:var(--color-white);padding-bottom:1rem;font-size:1.4rem}.serviceCard .service-text{color:var(--color-text);font-size:1rem;line-height:1.5rem}
.skillCard{border:1px solid var(--color-auth-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000;border-radius:8px;flex-direction:column;gap:1rem;width:300px;height:fit-content;padding:2rem;display:flex}.skillCard .skill-card-title{color:var(--color-white);border-bottom:1px solid var(--color-background-extra-light);align-items:flex-end;gap:.5rem;font-size:1.5rem;display:flex}.skillCard .skills-list{flex-wrap:wrap;gap:1rem;display:flex}.skillCard .skills-list li{margin-left:1rem}.skillCard .skills-list .skills-list-tools{color:var(--color-text);margin-left:0;list-style-type:none}@media (max-width:500px){.skillCard{padding:1rem}.skillCard .skill-card-title{font-size:1.5rem}}
#socialMedia{align-items:center;gap:1rem;height:fit-content;display:flex}#socialMedia .linkedin,#socialMedia .github,#socialMedia .email,#socialMedia .certifications{border-radius:4px;width:1.5rem}
#footer{color:var(--color-white);border-top:1px solid var(--color-border);flex-direction:column;justify-content:space-between;align-items:flex-end;margin-left:1rem;margin-right:1rem;display:flex}#footer #socialMedia{align-self:flex-start;margin:1rem}#footer #copyright{align-self:center;align-items:center;margin:1rem;font-size:1.4rem;display:flex}#footer #copyright .material-symbols-outlined{text-align:center;font-size:1rem}.landing{align-self:center;width:96%;position:absolute;bottom:0}@media (max-width:500px){#footer #socialMedia{margin-left:.5rem}}