canvas{width:100%!important;height:100vh!important;background-color:#000}.mesh-name{position:absolute;top:10px;left:10px;background:#000000b3;color:#fff;padding:5px;border-radius:3px}@font-face{font-family:PrintChar21;src:url(../assets/fonts/PrintChar21.ttf) format("truetype");font-weight:400;font-style:normal}.contentScroll::-webkit-scrollbar{width:16px}.contentScroll::-webkit-scrollbar-thumb{background-color:#3c4442;border-radius:0}.contentScroll::-webkit-scrollbar-track{background:transparent}.screenContainer{width:950px;height:700px;padding:12px;font-family:PrintChar21;color:#3c4442;display:flex;box-sizing:border-box;justify-content:center;flex-direction:column;image-rendering:pixelated}#helloScreen{justify-content:space-between}#skillsScreen{justify-content:flex-start}h1{margin:0;font-weight:400;font-size:10em}.cursus{margin:0;font-weight:400;font-size:2.5em}.subtitle{margin:0;font-weight:400;font-size:3em}.twinkle{margin:0;font-weight:400;font-size:4em;align-self:center;animation:twinkle 1s infinite}@keyframes twinkle{0%{opacity:1}49.9%{opacity:1}50%{opacity:0}to{opacity:0}}.content{display:flex;flex-direction:column;justify-content:center;height:100%;padding:12px;position:relative}.contentScroll{display:flex;flex-direction:column;height:100%;padding:0 12px;gap:32px;overflow-y:auto}.headerIcons{font-size:1.5em;position:absolute;top:0}.title{display:flex;position:relative}.subtitle{font-size:1.5em;margin-top:-48px}.marquee{width:100%;overflow:hidden;white-space:nowrap;box-sizing:border-box}.marquee p{display:inline-block;padding-left:100%;animation:marquee 10s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.skillsContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.skillsList{display:flex;width:45%;flex-direction:column;gap:12px}.skillDescription{width:55%;height:100%;display:flex;flex-direction:column;position:relative}.skillTitle{margin:0;position:absolute;top:5px;left:50%;transform:translate(-50%);box-sizing:content-box;background-color:#48c5a5;padding:4px}.skillText{width:100%;height:90%;border-bottom:3px dashed #3c4442;border-left:3px dashed #3c4442;border-right:3px dashed #3c4442;box-sizing:border-box;padding:1px 12px;line-height:1.1em}.skillDescHeader{width:100%}.skillsIcons{display:grid;grid-template-columns:1fr 1fr 1fr;width:80%}.skillsIcons img{border:3px dashed #48c5a5;padding:1px}img.icnClicked{border-width:3px;border-style:solid dashed!important;border-color:#3c4442}.skillsIcons img:hover{border-width:3px;border-style:dashed;border-color:#3c4442}.skillsIcons .left{justify-self:start}.skillsIcons .center{justify-self:center}.skillsIcons .right{justify-self:end}.expContainer{position:relative;padding:12px 18px 32px 0}.expContainer img{width:100%;animation:reveal 5s steps(5) forwards;animation-fill-mode:forwards}.expContainer.finished img{animation:none}@keyframes reveal{0%{clip-path:inset(0 0 100% 0)}20%{clip-path:inset(0 0 80% 0)}40%{clip-path:inset(0 0 60% 0)}60%{clip-path:inset(0 0 40% 0)}80%{clip-path:inset(0 0 20% 0)}to{clip-path:inset(0 0 0 0)}}.expContainer.finished #contactButton{display:block}#contactButton{position:absolute;bottom:78px;right:92px;display:none}.printer{position:relative;width:100%;height:100%;overflow:hidden}img.printer{width:90%;height:auto;position:absolute;bottom:0;right:50%;transform:translate(50%)}#printerFront{z-index:2;width:93%}#printerBack{z-index:0}.contactSheet{position:absolute;bottom:0;right:50%;transform:translate(50%,-30%);width:60%;height:60%;background-color:#60cdb0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;border:#3c4442 dashed 3px;animation:printing 5s steps(10) forwards;gap:1em}.contactLink{font-size:1em;color:#3c4442;text-decoration:none;margin:8px 0}#mail{font-size:1.2em;color:#3c4442;text-decoration:none;margin-top:1em}#phone{font-size:1.7em;color:#3c4442;text-decoration:none}.contactLink:hover{text-decoration:underline}#contactSheetLogo{width:40%;height:auto;image-rendering:pixelated}@keyframes printing{0%{transform:translate(50%) translateY(50%)}to{transform:translate(50%) translateY(-30%)}}.contactSheet.run{animation:printing 5s steps(10) forwards}.contactSheet.finished{animation:none}.projects-list{display:flex;flex-direction:column;padding:1em;gap:1em}.project-card-container{width:100%;height:200px;padding:1em;box-sizing:border-box;display:flex;border:#3c4442 3px dashed}.project-card-container:hover{border-top:#3c4442 3px solid;border-bottom:#3c4442 3px solid}.project-card-thumbnail{height:100%;width:auto;padding:1em;box-sizing:border-box;border:#3c4442 3px solid;overflow:hidden;margin-right:1em;flex-shrink:0}img.project-card-image{width:100%;height:100%;object-fit:cover}.project-card-desc{flex:1;height:100%;display:flex;flex-direction:column;justify-content:center}.project-card-desc h2{margin:0;font-size:1.5em;font-weight:400}.project-card-title-tags-group{display:flex;flex-direction:column}.project-card-link{width:fit-content;display:flex;align-items:center;justify-content:center;padding:.5em 0;box-sizing:border-box}.project-card-link:hover a{height:fit-content;border-bottom:#3c4442 solid 3px}.project-card-tags{display:flex;flex-wrap:wrap;gap:8px;font-size:.6em}.project-card-tag{background-color:#3c4442;color:#48c5a5;padding:8px;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.buttons{display:flex;gap:12px}.buttonsOnScreen{display:flex;gap:12px;justify-content:center}.navButton{font-size:1em;font-family:PrintChar21;border:3px dashed #3c4442;background-color:transparent;color:#3c4442;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;box-sizing:border-box}.navButton:hover{border-width:3px;border-style:solid dashed;border-color:#3c4442}.navButton img{width:18px;height:18px;image-rendering:pixelated}.header{width:100%;display:flex;justify-content:space-between;padding:32px 0;box-sizing:border-box}@font-face{font-family:PrintChar21;src:url(/assets/fonts/PrintChar21.ttf) format("truetype");font-weight:400;font-style:normal}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:-10px;display:flex;justify-content:center;background-color:#3c444233;align-items:center;z-index:1000;padding:2em;box-sizing:border-box}.modal-content{background-color:#48c5a5;border:3px solid #3c4442;max-width:800px;height:100%;width:100%;font-family:PrintChar21,monospace;color:#3c4442;position:relative;overflow:hidden;display:flex;flex-direction:column;image-rendering:pixelated;animation:modalSlideDown .8s steps(4,end) forwards}@keyframes modalSlideDown{0%{height:0;transform:translateY(-20px)}to{height:100%;transform:translateY(0)}}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;font-size:30px;font-family:PrintChar21,monospace;color:#3c4442;cursor:pointer;z-index:1001;padding:4px 0 0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;line-height:1;border:#3c4442 3px solid}.modal-close:hover{background-color:#3c4442;color:#48c5a5}.modal-header{display:flex;gap:20px;padding:1em;border-bottom:3px solid #3c4442;background-color:#48c5a5}.modal-image{width:auto;height:100%;object-fit:cover;border:3px solid #3c4442;image-rendering:pixelated;flex-shrink:0}.modal-title-section{flex:1;display:flex;flex-direction:column;justify-content:center;gap:15px}.modal-title{font-size:2em;margin:0;font-weight:400;line-height:1.2}.modal-tags{display:flex;flex-wrap:wrap;gap:8px}.modal-tag{background-color:#3c4442;color:#48c5a5;padding:4px 12px;font-size:.9em;border:3px solid #3c4442}.modal-body{flex:1;overflow-y:auto;padding:0}.modal-body::-webkit-scrollbar{width:12px}.modal-body::-webkit-scrollbar-thumb{background-color:#3c4442;border-radius:0}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-description{padding:2em}.modal-description h2{font-size:1.3em;margin:0 0 15px;font-weight:400;border-bottom:3px solid #3c4442;padding-bottom:10px}.modal-description h3{font-size:1.1em;margin:25px 0 10px;font-weight:400;text-decoration:underline}.modal-description p{font-size:1em;line-height:1.6;margin:10px 0;text-align:justify}.modal-full-description,.modal-features,.modal-challenges{margin-top:25px;padding-top:20px;border-top:3px solid rgba(60,68,66,.3)}.modal-features ul{list-style:none;padding:0;margin:10px 0}.modal-features li{font-size:1.1em;line-height:1.6;margin:8px 0;padding-left:20px;position:relative}.modal-features li:before{content:"▶";position:absolute;left:0;color:#3c4442}.modal-footer{padding:20px 30px;border-top:3px solid #3c4442;background-color:#48c5a5;display:flex;justify-content:center}.modal-link-button{display:flex;align-items:center;gap:10px;background-color:#48c5a5;color:#3c4442;padding:12px 20px;text-decoration:none;font-family:PrintChar21,monospace;font-size:1.1em;border:3px dashed #3c4442;transition:all .2s ease}.modal-link-button:hover{border-top:3px solid #3c4442;border-bottom:3px solid #3c4442}.modal-link-button img{width:20px;height:20px;image-rendering:pixelated}.modal-section-title{margin:20px 0 10px;font-family:PrintChar21,monospace;color:#3c4442}.modal-section-title.level-1{font-size:2em;border-bottom:3px solid #3c4442;padding-bottom:5px}.modal-section-title.level-2{font-size:1.5em}.modal-section-title.level-3{font-size:1.3em}.modal-section-title.level-4{font-size:1.1em}.modal-section-paragraph{margin:15px 0;line-height:1.6;text-align:justify;text-wrap:wrap}.modal-section-image{margin:20px 0;text-align:center}.modal-content-image{max-width:100%;height:auto;border:3px solid #3c4442;image-rendering:pixelated}.modal-section-list{margin:15px 0;padding-left:0;list-style:none}.modal-section-list li{position:relative;padding-left:20px;margin-bottom:8px;line-height:1.4}.modal-section-list li:before{content:"▶";position:absolute;left:0;color:#3c4442}body{margin:0;padding:0}