@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}#experience{position:fixed;height:100%;width:100%;top:0;left:0;overflow:hidden}#experience #experience-canvas{height:100%;width:100%}h1,h2,p,ul,li{font-family:Gidole}ul{list-style:none;padding-left:2rem}ul li{position:relative;margin-bottom:1rem}ul li:before{content:"•";position:absolute;left:-1.5rem;color:#d0d2d2;font-size:1.5em}ul li ul{margin-top:.5rem}ul li ul li:before{content:"◦";font-size:1.2em}ul li ul ul li:before{content:"▪";font-size:1em}ul li:hover:before{color:#d0d2d2;transform:scale(1.2);transition:all .2s ease}.image-wrapper{width:100%;height:550px;overflow:hidden;margin-bottom:12px}@media (max-width: 768px){.image-wrapper{height:auto}}.base-image{height:100%;width:100%;border-radius:24px;object-fit:cover;border:6px solid #D0D2D2}.work-image-wrapper{width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;margin-bottom:12px}.work-base-image{height:100%;width:100%;border-radius:24px;object-fit:cover;border:6px solid #D0D2D2}.modal{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;z-index:999;display:none;padding:30px;background-color:#41576b;border:8px solid #D0D2D2;border-radius:25px}@media (max-width: 768px){.modal{position:relative;top:auto;left:auto;transform:none;height:auto;max-height:none}}.modal-wrapper{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column;gap:24px}.sm-margin-top{margin-top:12px}.modal-title{display:flex;justify-content:center;align-items:center;border-radius:25px;color:#d0d2d2;background-color:#2c3844;box-shadow:#0000003d 0 3px 8px}@media (max-width: 768px){.modal-title{font-size:1.5rem;padding:10px 20px;width:100%}}.modal-header-wrapper{display:flex;align-items:center}.project-link{display:flex;justify-content:center;align-items:center;margin-top:15px;margin-left:10px}.modal-paragraph-header{font-size:1.5rem;margin-top:24px;margin-bottom:8px}@media (max-width: 768px){.modal-paragraph-header{font-size:1.3rem}}.modal-paragraph-header-2{border-top:2px solid #D0D2D2;font-size:1.2rem;padding-top:24px;margin-bottom:8px}@media (max-width: 768px){.modal-paragraph-header-2{font-size:1.3rem}}.modal-paragraph-text{font-size:1.5rem;line-height:1.6;word-wrap:break-word}@media (max-width: 768px){.modal-paragraph-text{font-size:1.3rem}}.list-text{font-size:1.5rem}@media (max-width: 768px){.list-text{font-size:1.3rem}}.list-text-2{font-size:1.2rem}@media (max-width: 768px){.list-text-2{font-size:1.3rem}}.modal-content{width:100%;height:200px;overflow:hidden;position:relative;-webkit-overflow-scrolling:touch;color:#d0d2d2}@media (max-width: 768px){.modal-content{height:350px}}.project .modal-content{max-height:700px;height:auto;overflow-y:auto}@media (max-width: 768px){.project .modal-content{max-height:none;height:auto}}.about .modal-content{height:550px}@media (max-width: 768px){.about .modal-content{height:350px}}.contact .modal-content{height:170px;overflow:visible}@media (max-width: 768px){.contact .modal-content{height:350px}}.modal-content-wrapper{height:auto;max-height:100%;overflow-y:auto;padding-right:10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.modal-content-wrapper::-webkit-scrollbar{width:8px}.modal-content-wrapper::-webkit-scrollbar-track{width:2px;border-radius:4px;background-color:#d0d2d2}.modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#d0d2d2;border-radius:4px}.work .modal-content-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:18px}@media (max-width: 768px){.work .modal-content-wrapper{justify-content:space-between;flex-direction:column}}.project .modal-content-wrapper{width:100%;max-width:1000px;margin:0 auto;padding:0 16px}.work-project{display:flex;justify-content:center;align-items:center;padding-top:16px;flex-direction:column;gap:28px;width:80%;justify-content:start;height:100%;width:100%;max-width:1000px;margin:0 auto}@media (max-width: 768px){.work-project{height:auto;width:100%;padding-bottom:24px}}.work-project-wrapper{width:100%;height:auto}.contact .modal-content-wrapper{overflow:visible}.modal-exit-button{display:flex;justify-content:center;align-items:center;position:absolute;top:-2.3rem;left:-2.3rem;border:8px solid #D0D2D2;background-color:#41576b;color:#d0d2d2;padding:15px;border-radius:1.2rem;font-weight:700;cursor:pointer;transform:rotate(-15deg);transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:#0000003d 0 3px 8px}.modal-exit-button:hover{transform:rotate(45deg) scale(1.3)}@media (max-width: 768px){.modal-exit-button{top:auto;left:50%;bottom:-3rem;transform:translate(-50%)}.modal-exit-button:hover{transform:translate(-50%) scale(1.3)}}.about{max-width:800px}.contact{max-width:500px}.exit-button-svg{width:40px;height:40px}@media (max-width: 768px){.exit-button-svg{width:25px;height:25px}}.contact-button-wrapper{display:flex;align-items:center;margin-top:24px;justify-content:center}.contact-svg{width:60px;height:60px;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1);color:#d0d2d2}.contact-svg.linkedin:hover{transform:rotate(15deg) scale(1.3)}.contact-svg.github:hover{transform:rotate(-15deg) scale(1.3)}.project-svg{width:50px;height:50px;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1);color:#d0d2d2}.project-svg.github:hover{transform:scale(1.3)}.xsm-margin-top{text-align:center;margin:12px}.loading-title{text-align:center;text-transform:uppercase;font-size:5em;letter-spacing:.085em;margin:4.5rem 0 1rem}.loading-title{font-family:Gidole}.loading{position:fixed;height:100%;width:100%;top:10px;left:0;background:#41576b;transition:.75s}.loading-title{color:#d0d2d2;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-progress{height:11px;background:#41576b;top:-11px;bottom:0;width:100%;position:absolute;transition:.35s}