@import url("https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap");:root{--main-color:#e9a0ff;--dark-color:#4d4d4d;--accent-color:#73eab9;--light-color:#f7f7f7;--divid-color:#b8b8b8}*{scroll-behavior:smooth}body,html{background-color:var(--dark-color);color:#f7f7f7;font-family:Space Mono;height:100%;margin:0;padding:0;display:flex;flex-direction:column;overflow-x:hidden;z-index:2000}main{flex:1 1}hr{border:.5px solid #b8b8b8;width:100%;margin-top:80px}iframe{width:80vw;height:50vw;max-width:600px;max-height:400px}#navigation{background-color:#f7f7f7;height:60px;position:fixed;top:0;left:0;right:0;z-index:3000}.nav-section{display:flex;align-items:baseline;justify-content:space-between;margin-top:20px}.logo{height:25px;margin-left:30px}.navbar-links-container{width:400px;display:flex;justify-content:space-around;align-items:center;margin-right:20px}.navbar-link{color:var(--dark-color);text-decoration:none;cursor:pointer}.navbar-link:hover .brackets{color:var(--accent-color)}@media only screen and (min-width:768px){.logo{height:30px}ul#navbar-list li a{font-size:2rem;margin-right:25px}}.hamburger-menu{display:none}.hamburger-icon-container{cursor:pointer;margin-right:30px}.hamburger{position:relative;z-index:3000}.hamburger,.hamburger:after,.hamburger:before{width:25px;height:2px;background-color:#000;transition:all .3s}.hamburger:after,.hamburger:before{content:"";position:absolute}.hamburger:before{top:-8px}.hamburger:after{top:8px}.hamburger.open{background-color:transparent}.hamburger.open:before{transform:rotate(45deg);top:0}.hamburger.open:after{transform:rotate(-45deg);top:0}.mobile-menu{position:fixed;top:0;right:-100%;width:50%;height:100%;background-color:var(--light-color);transition:right .3s ease;padding:80px 20px 20px;font-weight:400;display:flex;flex-direction:column;gap:30px;align-items:flex-start}.mobile-menu.open{right:0}.mobile-menu-contact{background-color:#3b3b3b;padding:10px;border-radius:5px;border:1px solid var(--accent-color)}@media only screen and (max-width:600px){.hamburger-menu{display:flex}.navbar-links-container{display:none}.nav-section{align-items:center;z-index:9999}}#hero{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;margin-top:100px}.color-change-text{font-size:12vw;margin:0;animation:color-change 8s ease-in infinite}@keyframes color-change{0%{color:#e9a0ff}25%{color:#ec9589}50%{color:#e2c47e}75%{color:#92dabc}to{color:#e9a0ff;color:#f9e4ff}}.tiff-portfolio-text-container{margin-bottom:20px;width:95%}.title-container{display:flex;z-index:0}.short-intro{display:flex;justify-content:center;align-items:center}.short-intro h2{margin:0;padding:0;font-size:1rem;width:80%}@media only screen and (min-width:768px){.short-intro h2{font-size:2vw}.tiff-portfolio-text-container{margin-bottom:60px;width:95%}}@media only screen and (max-width:600px){#hero{margin-top:130px}.title-container{margin-bottom:20px}}.portfolio-text-container{position:relative;z-index:4000}.portfolio-text{color:#f7f7f7;font-size:16vw;line-height:15vw;text-align:start;margin-top:0;margin-bottom:0;font-weight:700;display:flex;align-items:center;white-space:nowrap;margin-left:0;z-index:4000}.replace-o{display:inline-block;width:auto;height:auto}.profile-image{display:block;width:16vw;height:auto}.project-list{margin:auto;padding:0;list-style-type:none;width:90%}.projects-container{overflow:scroll;height:100vh;scroll-snap-stop:normal;scroll-snap-type:y mandatory}.project-item-container,.projects-summary-container{width:full;height:100vh;margin:auto;display:flex;gap:45px;flex-direction:row;justify-content:center;align-items:center;scroll-snap-align:start;position:relative}.img-container{width:60%}.img-container img{width:100%;object-fit:cover;border-radius:10px;min-height:300px}.project-info-container{width:45%}.date{font-weight:100;font-size:14px;margin-top:0}.project-title{font-size:2rem;margin:10px 0}.project-description{width:80%;font-size:16px;font-weight:200}.project-links-container{display:flex;flex-direction:row;justify-content:space-between;width:80%;align-items:center;margin-top:30px}.view-more{color:#e9a0ff}.btn-animate{position:relative;width:130px;height:40px;line-height:40px;border:none;border-radius:10px;background:#e9a0ff;color:#fff;text-align:center;text-decoration:none}.btn-animate__around-2{background:transparent;color:#e9a0ff;&>svg{position:absolute;left:0;top:0;width:100%;height:100%;&>rect{stroke-width:6px;fill:transparent;stroke:#e9a0ff;stroke-dasharray:85 400;stroke-dashoffset:-200%;transition:all 1s ease}}&:hover{&>svg{&>rect{stroke-dasharray:50 0;stroke-width:3px;stroke-dashoffset:0;stroke:#e9a0ff}}}}.links-icons-container{display:flex;flex-direction:row;align-items:center;gap:20px;margin-top:10px}.host-icon{width:36px}.project-icon{width:30px}@media only screen and (max-width:768px){.projects-summary-list{flex-direction:column}.project-item-container{width:100%;flex-direction:column;gap:0}.project-title{font-size:1.25rem;line-height:1.25rem}.img-container{width:95%}.project-info-container{width:90%;margin:30px auto 0}.img-container img{min-height:200px}}.buttons-container{width:420px;height:100px;margin:auto;display:flex;flex-direction:row;justify-content:space-between}@media only screen and (max-width:425px){.buttons-container{flex-direction:column;justify-content:center;align-items:center;gap:80px;margin-bottom:80px;width:auto}}.button-container a{text-decoration:none;color:#e9a0ff;font-size:18px;font-weight:400}a.about-me-button{color:var(--accent-color)}.button-container{width:190px}.hero-section-button,.hero-section-button-animate{max-height:65px;max-width:180px;height:100%;width:100%;border-radius:18px;position:absolute;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center;z-index:0}.hero-section-button-animate{filter:blur(20px)}.hero-section-button-animate:before,.hero-section-button:before{content:"";z-index:-2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0deg);width:1000px;height:1000px;background-repeat:no-repeat;background-position:0 0}.hero-section-button-animate:hover:before,.hero-section-button:hover:before{background-image:conic-gradient(hsla(0,0%,100%,0),#e9a0ff,hsla(0,0%,98%,0) 35%);animation:rotate 2.5s linear infinite}.about-me-animate:hover:before,.about-me:hover:before{background-image:conic-gradient(hsla(0,0%,100%,0),var(--accent-color),hsla(0,0%,98%,0) 35%);animation:rotate 2.5s linear infinite}.hero-section-button:after{content:"";z-index:-1;position:absolute;left:3px;top:3px;width:calc(100% - 6px);height:calc(100% - 6px);background:#3b3b3b;border-radius:15px;box-shadow:var(--main-color) 3px 2px 3px}.about-me:after{box-shadow:var(--accent-color) 3px 2px 3px}.hero-section-button:hover:after{box-shadow:none}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(1turn)}}.project-content{max-width:700px;padding-left:2rem;padding-right:2rem;margin:100px auto auto}.project-content h1{font-size:2rem}.project-content h5{font-size:.85rem;font-weight:200;margin:10px 0;color:#c3c3c3}.project-content p{font-family:system-ui;font-size:1rem;font-weight:200;line-height:2rem}.project-content h2{margin-top:30px;font-size:1.3rem;color:#eee}.project-content h3{margin-top:50px}.project-content a{color:#e9a0ff}.project-content ol li,.project-content ul li{font-size:1rem;line-height:1.8rem;font-weight:300;font-family:system-ui,Open Sans,sans-serif;margin-bottom:18px}.project-content img{width:90%;margin:50px auto;display:block}.project-content .img-small{width:45%;height:auto}.project-content .error-section{color:red}video{width:100%}.project-content table,td,th,tr{font-size:1.1rem;line-height:2rem;font-weight:200;border:1px solid #f7f7f7;border-collapse:collapse}td,th{padding:.8rem;text-align:center}.code-example{line-height:1.5rem;font-size:1rem;margin-top:40px;margin-bottom:40px}.code-text{background:#eaeaea;border:1px solid #ede7f3;border-radius:4px;font-size:1rem;padding:2px 6px;color:#c7254e;font-weight:200}@media only screen and (max-width:480px){.project-content img{width:100%}#project-title,.project-content{margin-left:auto;margin-right:auto;max-width:900px;padding-left:1rem;padding-right:1rem}}.aws-projects-container{margin:120px auto auto}.aws-project-list,.aws-projects-container{display:flex;justify-content:center;width:90%}.aws-project-list{flex-direction:row;flex-wrap:wrap;list-style-type:none;gap:40px;padding-left:0;margin:0 auto}.aws-project-item-container{width:250px;height:400px;display:flex;flex-direction:column;margin-top:0}.aws-img-container{width:100%}.aws-project-image{width:100%;height:310px;margin-bottom:10px;border-radius:10px;object-fit:cover;cursor:pointer}.aws-project-image:hover{opacity:.8;scale:calc(1.02)}.aws-project-info-container{margin-left:8px}.aws-info-container{display:flex;flex-direction:column}.aws-date{margin-top:0;font-size:.75rem;color:#c6c6c6}.aws-services{font-weight:600}.contact-icons-container{display:flex;justify-content:center;align-items:center;padding-top:5px}.contact-icon{width:30px;margin-right:12px;margin-left:12px}.contact-icon:hover{transform:scale(1.2)}aside .back-button{top:12%;left:2%}aside .back-button,aside button{position:fixed;z-index:5000;color:#f7f7f7;cursor:pointer}aside button{bottom:2%;right:2%;background-color:var(--dark-color);font-size:.8rem;border:1px solid #f7f7f7;border-radius:20px;padding:10px;writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright}.projects-summary-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.summary-image{width:100px;height:100px;object-fit:cover;border-radius:50px;animation:fadeIn 1s}@keyframes fadeIn{0%{opacity:.5}to{opacity:1}}.summary-image:hover{scale:calc(1.1)}.projects-summary-list{display:flex;flex-direction:row;gap:60px;list-style-type:none;padding-left:0;align-items:flex-start}.projects-summary-list li{display:flex;flex-direction:column;justify-items:center;align-items:center;width:100px}.summary-anchor-link a{text-decoration:none;font-size:14px;color:var(--light-color)}.summary-anchor-link{margin-bottom:20px;text-align:center}.stack-list{list-style-type:none;display:flex;flex-wrap:wrap;padding-left:0;gap:12px}.stack-list li{background-color:rgba(233,160,255,.356);font-size:12px;padding:3px 5px;border-radius:5px;text-align:center}@media only screen and (max-width:768px){.projects-summary{width:100%;display:flex}.projects-summary-list{flex-direction:column;align-items:flex-start;justify-content:flex-start;margin:auto;gap:14px}.projects-summary-list li{display:flex;flex-direction:row;width:100%}.summary-image{width:60px;height:60px}.summary-anchor-link{margin-bottom:0}.summary-anchor-link a{margin-left:20px}}.contact-link{position:relative}.contact-dropdown{position:absolute;top:68px;right:30px;width:200px;max-height:480px;display:flex;flex-direction:column;padding:16px;border:1px solid var(--accent-color);border-radius:15px;background-color:var(--dark-color);z-index:100}.skeleton-box{display:inline-block;height:100px;width:100px;border-radius:50px;position:relative;overflow:hidden;background-color:#d4d4d4}@media only screen and (max-width:768px){.skeleton-box{height:60px;width:60px}}.skeleton-box.loading:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));animation:shimmer 1.5s ease-in-out infinite;content:""}@keyframes shimmer{to{transform:translateX(100%)}}.skeleton-box.finished:after{content:none}.pixel-background-container{position:fixed;top:0;left:0;display:flex;height:100vh;overflow:hidden;z-index:3000;pointer-events:none}.pixel-background{height:100vh;width:100vw;background-color:#b76fbe}.pixel-column{width:5vw;height:100%;display:flex;flex-direction:column}.pixel-block{width:100%;height:5vw;background-color:#b76fbe}.gallery{height:120vh;width:100vw;-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}.gallery-background{width:100%;height:100%;position:relative}.about-me{margin-bottom:80px}.gallery-vignette{height:15vw;width:15vw;min-width:100px;max-height:170px;min-height:100px;max-width:170px;position:fixed;top:160px;left:80px;border-radius:100px;overflow:hidden}@media only screen and (max-width:425px){.gallery-vignette{top:100px;left:10vw}}.gallery-vignette img{width:100%;object-fit:cover}.self-intro-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;background-color:var(--light-color)}.self-intro{font-size:1rem;line-height:1.5rem;margin:auto;text-align:start;color:var(--dark-color);width:52vw;max-width:600px}@media only screen and (max-width:768px){.self-intro{width:70vw}}@media only screen and (max-width:425px){.self-intro{width:85vw;font-size:.9rem}}.first-sentence{display:flex;align-items:center;margin-bottom:0;height:20px}.rotating-words{overflow:hidden;height:30px;margin:0 5px 4px;text-align:center;color:var(--main-color)}.rotating-words span{display:block;width:100%;padding:5px;animation:spin 8s linear infinite}@keyframes spin{0%,16%{transform:translateY(0)}20%,36%{transform:translateY(-100%)}40%,56%{transform:translateY(-200%)}60%,76%{transform:translateY(-300%)}80%,96%{transform:translateY(-400%)}to{transform:translateY(-500%)}}.tech-skills,.tech-skills-container{background-color:#f2f2f2;display:flex;flex-direction:column;justify-content:center;align-items:center}.tech-skills h1{color:var(--main-color);font-size:2rem}.tech-skills ul{list-style-type:none;display:flex;flex-wrap:wrap;width:55vw;max-width:600px;color:var(--dark-color);gap:10px}@media only screen and (max-width:768px){.tech-skills ul{width:70vw}}@media only screen and (max-width:425px){.tech-skills ul{width:85vw}.tech-skills ul li{padding:5px 10px 5px 5px;font-size:.8rem;height:45px;min-width:40px}}.tech-skills ul li{border:none;padding:5px 10px;height:60px;min-width:50px;background-color:var(--light-color);border-radius:10px;margin-bottom:5px;box-shadow:-2px -2px 5px #dadada,10px 10px 20px #fff;background:linear-gradient(315deg,#e6e6e6,#f0f0f0)}.fun-fact-gallery{height:350vh}.fun-facts h1{text-align:center;color:var(--main-color);font-size:2rem;padding-top:20vh;margin:0}.card-container{height:100vh;justify-content:center;position:-webkit-sticky;position:sticky;top:0;margin-top:-15vh}.card,.card-container{display:flex;flex-direction:column;align-items:center}.card{height:31.25rem;width:50rem;border-radius:25px}@media only screen and (max-width:768px){.card{width:700px}}.card h2{margin:5px 0 0;font-size:1.5rem}.card h2,.card p{text-align:center}.card p{font-size:1rem;width:80%}.fun-fact-image-container{height:60%;width:80%;margin-top:6px}.fun-fact-image-container img{object-fit:contain;height:100%;width:100%}@media only screen and (max-width:425px){.card{width:95%}.card p{font-size:1rem;text-align:center;width:90%}.fun-facts h1{padding-top:10vh}.fun-fact-image-container{height:50%}.fun-facts h1{font-size:1.5rem}.card h2{width:95%;font-size:1.3rem}}footer{width:100%;text-align:center;color:#b8b8b8;font-size:.8rem;font-family:system-ui;border-top:.5px solid var(--divid-color)}