body{background-color:#fffaff}.full-width-grid-con{position:relative}.gradient-background{z-index:-1;position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none}.gradient-background .blob{position:absolute;border-radius:50%;filter:url(#goo) blur(50px);transition:transform .5s ease-out,border-radius .5s ease-out}.gradient-background .blob-1{width:120px;height:120px;background:linear-gradient(85deg, #EDE78D, #F4A75A);left:2%;top:10%}.gradient-background .blob-2{width:120px;height:120px;background:linear-gradient(85deg, #D767C9, #046E8F);left:80%;top:30%}.gradient-background .blob-3{width:120px;height:120px;background:linear-gradient(90deg, #BADD7F, #046E8F);left:20%;top:60%}.svg-filters{position:absolute;width:0;height:0}.home{position:relative;z-index:2}.glass-div{position:relative;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;margin-bottom:2em}.glass-div-contact{position:relative;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;margin-bottom:2em;margin-top:2em}.center-text{padding:1em;margin:auto}@media(min-width: 712px){.gradient-background .blob-1{width:210px;height:210px}.gradient-background .blob-2{width:250px;height:150px}.gradient-background .blob-3{width:200px;height:200px}}h1{font-family:"Encode Sans",sans-serif}@media(min-width: 50px){h1{font-size:34px;font-weight:800}}@media(min-width: 1200px){h1{font-size:48px}}h2{color:#d767c9;font-family:"Encode Sans",sans-serif}@media(min-width: 50px){h2{font-size:24px;font-weight:800}}@media(min-width: 1200px){h2{font-size:32px}}h3{font-family:"Encode Sans",sans-serif}@media(min-width: 50px){h3{font-size:14px;font-weight:700}}@media(min-width: 1200px){h3{font-size:20px}}h4{font-family:"Anonymous Pro",monospace}@media(min-width: 50px){h4{font-size:14px;font-weight:400}}@media(min-width: 1200px){h4{font-size:20px}}p{font-family:"Anonymous Pro",monospace;line-height:1.2}@media(min-width: 50px){p{font-size:16px;font-weight:600}}@media(min-width: 768px){p{font-size:16px;font-weight:700}}span{font-family:"Anonymous Pro",monospace}@media(min-width: 1200px){span{line-height:14px;font-weight:400}}.bottom-spacing{margin-bottom:2em}.top-spacing{margin-top:2em}.logo-star{margin-top:2em;margin-bottom:2em}.home .intro-text{margin:2em 0 0 0;text-align:center;padding:1em}.home .intro-text h3{padding:1em}.home p{text-align:center}.home h1{color:#d767c9}.links{text-align:center;margin-bottom:1em}.links a{display:inline-block}.links a svg{width:40px;height:40px;max-width:100%;max-height:100%;transition:fill .3s ease,transform .3s ease}.links a:hover svg{fill:#046e8f;transform:scale(1.1)}.home-section{margin-top:6em}.item-1{order:2}.item-2{order:1}.item-3{order:3}.intro{margin-top:2em;text-align:center;margin-bottom:2em}.about{margin:2em 0;padding:10px}.quote{color:#046e8f;text-align:center;margin:2em}.projects{background-color:#ede78d}.card-section{margin-top:4em;text-align:center}.card-section h2{margin-bottom:1em}.creations{text-align:center}.toolkit{margin-bottom:2em}.toolkit h1{text-align:center;margin-top:1em;margin-bottom:1em}.toolkit img{padding:5px}.toolkit-slider{overflow:hidden;white-space:nowrap;position:relative;width:100%}.toolkit-track{display:flex;white-space:nowrap;will-change:transform;gap:60px;margin:2em 0}.toolkit-item{width:100px;height:auto;flex-shrink:0}@keyframes scrollGallery{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(min-width: 712px){.logo-star{margin-top:-10em}.home-section{margin-top:10em}.home .intro-text{text-align:left;padding:0;margin-top:3em}.home .intro-text h3{margin-top:2em;padding:0}.home p{text-align:left}.home .links{margin-right:auto;margin-left:0}.item-1{order:2;margin-top:-8em;padding-right:6em}.item-2{order:1}.item-3{order:3}.intro{margin-top:4em;margin-bottom:4em}#player-container{margin-bottom:6em}.quote{margin-bottom:4em}}.full-width{width:97%}.project-works-section{margin-top:4em;padding-top:3em;display:grid;justify-items:center}.project-works-section h1{margin-top:1em;text-align:center}.projects-card-section{padding-bottom:6em;overflow:hidden;position:relative}.sorting-buttons-container{text-transform:uppercase;margin-top:2em;justify-content:center;display:flex;flex-wrap:wrap;align-items:center;gap:.5em}.sorting-buttons-container .sorting-buttons{cursor:pointer;height:40px;width:170px;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:30px;background-color:#badd7f;color:#121212;margin:.5em 0;box-shadow:1px 1px 3px rgba(0,0,0,.5)}.sorting-buttons-container .sorting-buttons:hover{background-color:#046e8f;color:#fffaff;box-shadow:2px 2px 4px rgba(0,0,0,.5)}.project-card-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2em;margin-top:2em;margin-bottom:3em}.project-card-container h2{color:#121212}.project-card-container p{text-transform:uppercase}.project-card{position:relative;width:316px;height:375px;border-radius:20px;overflow:hidden;box-shadow:0px 4px 15px rgba(0,0,0,.1)}.project-card:hover{box-shadow:0px 8px 25px rgba(0,0,0,.5)}.project-card .project-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.project-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));z-index:2}.project-card .content-overlay{position:absolute;left:10%;bottom:10%;width:80%;z-index:3}.project-card h2,.project-card p,.project-card .sorting-buttons-variation{position:relative;z-index:3;left:0}.project-card p{font-size:16px}.project-card h2{font-size:32px}.project-card .sorting-buttons-variation{margin-top:10px}.project-card .sorting-buttons-variation p{padding:10px 20px;border-radius:20px;background-color:#046e8f;color:#fffaff;text-align:center;margin:.5em}.project-card .arrow{position:absolute;right:5%;bottom:70%;transform:translateX(0);width:78px;height:78px;background-color:rgba(215,103,201,.8);border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:4}.project-card .arrow:hover{background-color:#f4a75a;color:#fffaff;box-shadow:2px 2px 4px rgba(0,0,0,.5)}.project-card .arrow img{width:62px;height:62px}.project{margin-top:8em;margin-bottom:3em}.project h1{margin-bottom:.5em}.project h2{margin-bottom:1em}.project-content h2{margin-bottom:1em}.project-content h3{margin-bottom:.5em}.project-content p{margin-bottom:1.5em}.project-content .growth-section{margin-top:2em}.project-content .growth-section h2{margin-bottom:.5em}.project-content .final-thoughts{margin-top:2em}.bar{display:none}.project-contact{margin-top:6em}.about-project-section .image-gallery{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;padding:1rem}.about-project-section .image-gallery img{flex:1 1 250px;-o-object-fit:cover;object-fit:cover;width:250px;border-radius:5px}@media(min-width: 712px){.bar{display:block;padding-top:1em;position:relative;display:flex;justify-content:center;height:100%}.project-bar{width:4px;height:100%;border-radius:5px;background-color:#f4a75a;position:relative}.star{position:absolute;left:50%;transform:translateX(-50%);width:50px;height:50px;z-index:2;transform-origin:center}}header{margin:2em;border-radius:30px;position:fixed;top:0;left:0;right:0;background-color:rgba(255,250,255,.7450980392);display:flex;align-items:center;justify-content:space-between;z-index:10;box-shadow:0 4px 8px rgba(0,0,0,.2)}header .logo{margin-left:30px;width:80px;display:block}header #menu-bar{display:none}header label{margin:10px;width:71px;height:71px;cursor:pointer;display:none}header .menu-star{height:60px;width:60px}header .navbar ul{list-style:none;margin-right:30px}header .navbar ul li{text-transform:uppercase;position:relative;float:left;font-size:18px}header .navbar ul li a{padding:20px;color:#121212;font-family:"Anonymous Pro",monospace;font-weight:600;display:block;position:relative}header .navbar ul li a .link-star{display:none;height:20px;margin-bottom:-4px}header .navbar ul li a:hover{text-decoration:line-through;text-decoration-color:#046e8f;text-decoration-thickness:2px}header .navbar ul li a:hover .link-star{display:inline}@media(max-width: 712px){.logo{visibility:hidden}header{background-color:rgba(255,250,255,0);box-shadow:none;border-radius:0}header label{display:initial;height:60px}header .menu-star{height:60px}header .navbar{position:absolute;top:0;right:-120%;width:100%;background:#fffaff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:30px;transition:right .3s ease;z-index:-1;box-shadow:0 4px 8px rgba(0,0,0,.2)}header .navbar ul{list-style:none;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0;width:100%}header .navbar ul li{margin:10px 0;text-transform:uppercase;font-size:18px;font-weight:600}header .navbar ul li a{padding:15px 20px;color:#121212;font-family:"Anonymous Pro",monospace;font-weight:600;display:block;position:relative}#menu-bar:checked~header{background-color:rgba(255,250,255,.7450980392)}#menu-bar:checked~.navbar{right:0}#menu-bar:checked~label .menu-star{transform:rotate(360deg);transition:transform .8s ease}}footer{margin:6em 0;text-align:center}footer p{margin-bottom:2em;padding:0 4em}.spacer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2em;margin-top:2em}.spacer hr{border:none;border-radius:5px;width:80%;margin:auto 1em;background-color:#f4a75a;height:5px}.spacer .breaker-star{width:50px}@media(min-width: 712px){.spacer .breaker-star{width:80px}.spacer hr{margin:auto 4em}}.id-card{display:none}model-viewer{display:block;border-radius:15px;width:100%;height:300px;background-color:#fffaff;margin:0}.Hotspot{background:url(../images/green-star.svg) center no-repeat;border:0;width:45px;height:38px;opacity:.7}.Hotspot:not([data-visible]){opacity:0;pointer-events:none}.Hotspot:focus{border:4px solid #0080c8;height:32px;outline:none;width:32px}.HotspotAnnotation{visibility:hidden;position:absolute;width:300px;top:50%;left:10%;transform:translate(-50%, -50%);z-index:9999;background:#fffaff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.25);color:rgba(255,255,255,.8);padding:.5em .5em;font-family:Futura,Helvetica Neue,sans-serif;font-size:18px;font-weight:700;max-width:200px;overflow-wrap:break-word}.Hotspot:not([data-visible])>*{opacity:0;pointer-events:none;transform:translateY(calc(-50% + 4px));transition:transform .3s,opacity .3s}.HotspotAnnotation p{color:#121212;line-height:22px;font-weight:300}.HotspotAnnotation h2{font-size:18px;margin-bottom:5px}@media(min-width: 900px){model-viewer{height:600px}}@media(min-width: 1300px){model-viewer{height:700px}}.project-video-section{margin:auto}.project-video-section #player-container{position:relative;width:100%}.project-video-section video{width:100%;height:auto;border-radius:8px;display:block}.project-video-section .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#046e8f;color:#fffaff;border:none;border-radius:50%;width:45px;height:45px;font-size:18px;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease}.project-video-section .play-button:hover{opacity:.9;transform:translate(-50%, -50%) scale(1.1)}.project-video-section .play-button:focus{outline:none}.project-video-section .video-controls{position:absolute;bottom:5px;left:5px;width:calc(100% - 10px);padding:6px;display:flex;align-items:center;z-index:10;border-radius:6px}.project-video-section .video-controls #pause-button,.project-video-section .video-controls #stop-button,.project-video-section .video-controls #change-volume{display:flex;align-items:left;margin-right:.5em}.project-video-section .video-controls button{background:none;font-size:18px;color:#121212;border:none;padding:4px;cursor:pointer;transition:color .2s ease}.project-video-section .video-controls button:hover{color:#046e8f}.project-video-section .video-controls button:focus{outline:none}.project-video-section .video-controls .fa-volume-up{color:#121212;font-size:16px}.project-video-section .video-controls .volume-slider{width:80px;position:relative}.project-video-section .video-controls input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);cursor:pointer;width:80px;height:4px;border-radius:4px;position:relative;z-index:2}.project-video-section .video-controls input[type=range]::-webkit-slider-runnable-track{background-color:#888;border-radius:4px;height:4px}.project-video-section .video-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#121212;border-radius:50%;height:10px;width:10px;margin-top:-3px;position:relative;z-index:3}.project-video-section .video-controls .volume-slider::before{content:"";position:absolute;height:4px;width:50%;background:#046e8f;border-radius:4px;left:0;top:50%;transform:translateY(-50%);z-index:1}.project-video-section .video-controls input[type=range]:focus::-webkit-slider-thumb{outline:2px solid #046e8f}.project-video-section .video-controls #full-screen{margin-left:auto}.contact-form input,.contact-form textarea{width:100%;background:rgba(0,0,0,0);border:none;border-bottom:5px solid #046e8f;border-radius:2px;font-size:1rem;padding:8px 0;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;background:rgba(0,0,0,0);border-bottom:5px solid #046e8f;border-radius:2px;color:#000}.contact-form p{margin-top:1.5em;color:rgba(0,0,0,.8)}.contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder{color:rgba(0,0,0,.4)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(0,0,0,.4)}.contact-form textarea{resize:vertical;min-height:100px}.contact-form #submit{border-radius:15px;margin-top:1em;margin-bottom:2em;background-color:#f4a75a;color:#121212;padding:10px 20px;border:none;cursor:pointer;transition:background-color .3s ease}.contact-form #submit:hover{background-color:#d767c9;color:#fffaff}.contact-form input:focus,.contact-form textarea:focus{opacity:1}.contact-title{text-align:center;margin-bottom:2em}.center-text{text-align:center}@media(min-width: 712px){.center-text{padding:0;margin-left:1em;text-align:left}.contact-title{padding:2em}}.sorting-buttons{height:40px;width:170px;background-color:#046e8f;color:#fffaff;border-radius:20px;margin:1em 0}.home{margin-top:6em}#puzzle-board{position:relative;height:400px;overflow:hidden}#puzzle-board .dropzone{position:relative;height:400px;margin:0 auto}#puzzle-board .puzzle-piece{position:absolute;cursor:grab;z-index:2;touch-action:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}#puzzle-board .puzzle-piece.dragging{opacity:.5;cursor:grabbing}/*# sourceMappingURL=main.css.map */