:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{margin:0;padding:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.selection-disabled{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 900px){html,body{touch-action:pan-x pan-y}}@media only screen and (max-width: 500px){button{padding:.6em .8em}}#root{margin:0;text-align:center}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}#home-container{display:flex;flex-direction:column;justify-content:flex-start;position:relative}.video-section{position:relative;width:100vw;overflow:hidden;cursor:pointer}.video-section-admin{position:relative;width:100vw;height:25vh;overflow:hidden}video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.video-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;background-color:#ffffff59;transition:width .22s linear}.centered-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:1;animation-name:reveal;opacity:0}.centered-logo.revealed{animation-duration:5s;animation-iteration-count:1;opacity:1}@keyframes reveal{0%{opacity:0}10%{opacity:0}to{opacity:1}}.logo-top{color:#fff;font-size:120px;margin:0}.logo-bottom{color:"white";font-size:45px;margin:-50px 0 0;letter-spacing:8px}.shadow{text-shadow:0px 0px 120px white;animation-name:sparkle;animation-duration:5s;animation-iteration-count:infinite;filter:drop-shadow(0px 3px 3px rgba(0,0,0,.4))}@keyframes sparkle{0%{text-shadow:0px 0px 130px}10%{text-shadow:0px 0px 60px}20%{text-shadow:0px 0px 90px}30%{text-shadow:0px 0px 40px}40%{text-shadow:0px 0px 111px}50%{text-shadow:0px 0px 100px}60%{text-shadow:0px 0px 50px}70%{text-shadow:0px 0px 90px}80%{text-shadow:0px 0px 45px}90%{text-shadow:0px 0px 35px}to{text-shadow:0px 0px 60px}}.video-volume{position:absolute;bottom:16px;left:26px;z-index:99999999;width:60px;filter:drop-shadow(0px 3px 3px rgba(0,0,0,.4));cursor:pointer;animation-duration:5s;animation-iteration-count:1;animation-name:reveal;transform-origin:center center;transition:transform .2s ease,filter .2s ease;opacity:0}.video-volume:hover{transform:scale(1.1);filter:drop-shadow(0px 0px 3px rgba(255,255,255,.3))}.video-play{position:absolute;bottom:25px;right:40px;z-index:1;width:50px;filter:drop-shadow(0px 3px 3px rgba(0,0,0,.4));cursor:pointer;animation-duration:5s;animation-iteration-count:1;animation-name:reveal;transform-origin:center center;transition:transform .2s ease,filter .2s ease;opacity:0}.video-play:hover{transform:scale(1.1);filter:drop-shadow(0px 0px 3px rgba(255,255,255,.3))}.video-freesound{position:absolute;top:16px;left:30px;z-index:9999;width:60px;filter:drop-shadow(0px 3px 3px rgba(0,0,0,.4));cursor:pointer;animation-duration:5s;animation-iteration-count:1;animation-name:reveal;opacity:0;transform-origin:center center;transition:transform .2s ease}.video-freesound:hover{transform:scale(1.1)}@media only screen and (max-width: 1150px){.logo-top{font-size:80px}.logo-bottom{font-size:30px;margin-top:-30px}}@media only screen and (max-width: 750px){.logo-top{white-space:normal;line-height:1}.logo-bottom{margin-top:0}}@media only screen and (max-width: 550px){.video-section{height:88vh!important}.video-freesound{top:16px;left:25px;width:50px}.video-volume{width:55px}.video-play{width:45px}.logo-top{font-size:60px}.logo-bottom{font-size:20px}}.social-icon-group{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin:0 0 0 65px;flex-wrap:wrap}.on-video-background{position:absolute;top:5px;right:15px;animation-name:reveal;animation-duration:5s;animation-iteration-count:1}.on-project-screen{position:relative;margin:0 0 0 auto}.social-icon{width:25px;height:25px;padding:15px;filter:drop-shadow(0px 3px 3px rgba(0,0,0,.4));cursor:pointer;transform-origin:center center;transition:transform .2s ease,filter .2s ease}.social-icon:hover{transform:scale(1.13);filter:drop-shadow(0px 3px 3px rgba(0,0,0,.4))}a{text-decoration:none;color:#fff}.header{background-color:#1a1d1fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;width:100%;z-index:1000;box-shadow:0 0 50px #000}.sticky{position:sticky}.fixed{left:0;position:fixed}.nav{display:flex;justify-content:center;width:100%}.item{margin:0;padding:13px 22px;text-decoration:none;color:#c3c3c3;font-size:18px;color:#fff;letter-spacing:3px;transition:all .3s ease-in-out}.group{display:flex;flex-direction:row;justify-content:space-around;width:auto;flex-wrap:wrap;padding:0;margin:0}.item:hover{color:#fff;filter:drop-shadow(0px 0px 20px rgb(255,255,255));text-shadow:0 0 30px white}.active{color:#fff;filter:drop-shadow(0px 0px 8px rgb(255,255,255,.8));text-shadow:0px 0px 12px white}.logout{background-color:#3a0d0d}@media only screen and (max-width: 950px){.header{box-shadow:0 5px 35px #000000b4,inset 0 8px 8px -5px #00000050,inset 0 -8px 8px -5px #00000050}.item{padding:11px 6px;letter-spacing:1px}}@media only screen and (max-width: 350px){.item{padding:7px 4px;letter-spacing:1px}}#footer-container{position:relative;display:flex;justify-content:center;background-color:#1a1d1fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 55px #000;z-index:1000;margin:200px 0 0;padding-right:10px}#footer-wrapper{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:70px 10%;position:relative}.footer-side{display:flex;flex-direction:column;align-items:flex-start;margin:0;width:85px}#footer-left{justify-content:start;align-items:end;margin:0}#footer-right{justify-content:start;align-items:start;margin:0}ul{list-style-type:none;margin:0}.footer-logo{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:1;padding-left:5px;padding-top:5px}.logo-top-footer{color:#fff;font-size:100px;margin:0}.logo-bottom-footer{color:"white";font-size:33px;margin:-40px 0 0;letter-spacing:8px}.shadow-footer{text-shadow:0px 0px 120px white;animation-name:sparkle-footer;animation-duration:5s;animation-iteration-count:infinite;filter:drop-shadow(0px 3px 3px rgba(0,0,0,.7))}@keyframes sparkle-footer{0%{text-shadow:0px 0px 130px}10%{text-shadow:0px 0px 60px}20%{text-shadow:0px 0px 90px}30%{text-shadow:0px 0px 40px}40%{text-shadow:0px 0px 111px}50%{text-shadow:0px 0px 100px}60%{text-shadow:0px 0px 50px}70%{text-shadow:0px 0px 90px}80%{text-shadow:0px 0px 45px}90%{text-shadow:0px 0px 35px}to{text-shadow:0px 0px 60px}}@media only screen and (max-width: 1400px){#footer-container{margin:120px 0 0;padding-right:10px}#footer-wrapper{padding:50px 5%}.logo-top-footer{font-size:80px}.logo-bottom-footer{font-size:23px;margin-top:-30px}}@media only screen and (max-width: 1050px){#footer-wrapper{padding:30px 4%}.logo-top-footer{font-size:60px}.logo-bottom-footer{font-size:22px;margin-top:-22px}}@media only screen and (max-width: 850px){#footer-wrapper{font-size:14px}.footer-side li a{padding:5px 0;line-height:175%}.logo-top-footer{font-size:40px;white-space:normal;line-height:1}.logo-bottom-footer{font-size:13px;margin-top:0}}@media only screen and (max-width: 500px){#footer-wrapper{padding:20px 1%}.logo-top-footer{font-size:30px}.logo-bottom-footer{font-size:10px;white-space:normal}}#project-container{display:flex;flex-direction:row;justify-content:space-between;width:100vw;min-height:100vh}#media-container{display:flex;flex-direction:column;position:relative;width:70%;margin:10vh 0px 100px}#description-container{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;position:fixed;width:27%;height:89vh;margin:10vh 20px 0px;top:0;right:0;animation:slideInFromRight .2s ease-out forwards}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}#description-wrapper{display:flex;flex-direction:column;justify-content:flex-start}.project-info{text-align:left;font-size:20px;font-weight:300;margin:0}.project-title{text-align:left;color:#fff;margin:0;font-size:40px;font-weight:500}.project-tags-container{display:flex;flex-direction:row;justify-content:start;align-items:center;flex-wrap:wrap}.project-tag{background-color:#1a1817;border-radius:5px;margin:0 15px 5px 0;padding:0 6px;border:1px solid rgba(255,255,255,.267)}.project-description{text-align:left;white-space:pre-line}.project-award-wrapper{display:flex;align-items:start}.project-award-img-wrapper{display:flex;position:relative;margin-bottom:40px}.project-award-img{width:60px;filter:drop-shadow(1px 1px 5px black);cursor:pointer}.project-award-count{position:absolute;margin:0;padding:0;top:42%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:700;text-shadow:0px 0px 3px rgb(0,0,0),0px 0px 4px rgb(0,0,0),0px 0px 5px rgb(0,0,0),0px 0px 6px rgb(0,0,0);cursor:pointer}.project-award-list{position:fixed;visibility:hidden;background-color:#000c;color:#fff;margin-left:60px;padding:10px;border-radius:5px;box-shadow:0 4px 10px #0000004d;white-space:nowrap;z-index:100;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.project-award-list p{margin:0}.project-award-img-wrapper:hover+.project-award-list{visibility:visible}.project-footer{display:flex;justify-content:space-between;align-items:flex-start;min-width:100%}.project-loader{display:flex;justify-content:center;align-items:center;width:100vw}#media-container-admin{display:flex;flex-direction:column;position:relative;width:40%;margin:10vh 0px 100px}#description-container-admin{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;position:relative;width:26%;height:89vh;margin:10vh 20px 0px;top:0;right:0}.project-admin-container{display:flex;flex-direction:column;width:30%;margin:10vh 0px 100px;position:relative}.project-admin-spacer{margin-bottom:20px}.project-admin-img{max-width:400px}@media only screen and (max-width: 1450px){.project-footer{display:flex;flex-direction:column}}@media only screen and (max-width: 950px){#project-container{display:flex;flex-direction:column-reverse}#media-container{width:100%;margin:1vh 0px 100px}#description-container{position:relative;width:95%;height:auto;margin:10vh 25px 0px 15px;top:auto;right:auto}.footer{margin-top:50px}.project-title{font-size:33px}}@media only screen and (max-width: 500px){.project-title{font-size:28px}.project-info{font-size:18px}.project-tag{border-radius:4px;margin:0 12px 4px 0;padding:0 4px}}.media-wrapper{position:relative;width:100%;padding-top:56.25%;margin-top:10px}.awards-img-sub-wrapper{position:relative}.media-wrapper-awards{position:absolute;top:0;left:0;width:256px;height:144px;margin:20px 20px 25px 10px;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .5s ease}.media-sub-wrapper-awards{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.media-wrapper-awards iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:105%;min-width:105%;min-height:105%}.extracut iframe{height:140%;min-width:140%;min-height:140%}.media-container-soundcloud{margin-top:10px;height:450px;width:100%}.media-container-video,.media-container-video-youtube{position:absolute;top:0;left:0;width:100%;height:100%}.media-container-video-youtube iframe{margin-top:-65px}.media-container-spotify{margin-top:10px;border-radius:13px}@media only screen and (max-width: 1300px){.media-wrapper{width:98%}.media-container-soundcloud{width:95%}}@media only screen and (max-width: 900px){.media-wrapper{width:100%}.media-container-soundcloud{width:100%;height:150px}.media-wrapper-awards{display:none}}#awards-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}#awards-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:start;margin-top:40px}.awards-item{display:flex;flex-direction:row;width:1200px;margin-top:30px;background-color:#1a1d1fb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 18px #000}.awards-item:hover{box-shadow:0 0 35px #000000e6;background-color:#1a1d1f}.fade-in{opacity:0;transform:translateY(20px);transform-origin:center center;transition:opacity .6s ease,transform .6s ease,box-shadow .5s ease}.fade-in.visible:hover{transform:scale(1.02)}.awards-focused{animation-name:awardfocused;animation-duration:.8s;animation-iteration-count:1;animation-delay:.2s}@keyframes awardfocused{0%{background-color:#1a1d1fb3}20%{background-color:#414141b3}to{background-color:#1a1d1fb3}}.awards-img-wrapper{display:flex;justify-content:center;align-items:flex-start}.awards-img{width:256px;height:144px;margin:20px 20px 20px 10px}.awards-list{display:flex;flex-direction:column;align-items:flex-start;width:900px;margin:12px 20px 0 0;overflow:hidden;position:relative}.awards-list-title{margin:0;display:flex;align-items:center}.awards-list-title-project{margin:0;font-weight:700;font-size:18px}.awards-list-title-client{margin:0 0 0 5px;font-style:italic}.awards-list-title-year{margin:0 0 0 5px}.awards-list-item{display:block;flex-direction:column;align-items:flex-start;list-style-type:square;padding-left:20px;width:95%;max-height:110px;overflow:hidden;transition:max-height .5s ease}.awards-list-item li{display:list-item;margin-bottom:5px;text-align:start}.awards-list-item.expanded{max-height:1200px;overflow:visible}.toggle-button{font-weight:700;background:none;border:none;color:#fff;display:flex;align-items:center;gap:8px;padding:0;margin:0 0 5px 20px}.toggle-button:focus,.toggle-button:focus-visible{outline:none}.toggle-button.expand:focus-visible{outline:none}.arrow{transform:rotate(0);transition:transform .3s ease}.arrow.expanded{transform:rotate(180deg)}.awards-input-container{display:flex;justify-content:flex-start;align-items:center}.awards-input-container input{margin-left:2px;margin-right:2px}.awards-input-description{width:70%}.awards-input-country,.awards-input-year{width:10%}.awards-input-add{width:20px;cursor:pointer}.awards-input-delete{width:20px;margin-left:5px;cursor:pointer}@media only screen and (max-width: 1250px){#awards-wrapper{margin-left:30px;margin-right:20px}.awards-item{width:100%;margin-top:30px}.awards-list{width:100%;margin:12px 20px 0}}@media only screen and (max-width: 900px){#awards-wrapper{justify-content:center;align-items:center;margin-left:10px;margin-right:10px}.awards-img{width:450px;height:auto;margin:0}.awards-item{flex-direction:column;padding:25px 15px 10px;width:90%}.awards-list{width:95%;margin-bottom:10px;white-space:normal;overflow:visible}.awards-list-title{margin-left:5%}.awards-list-item{padding-left:20px;width:100%;max-height:210px}}@media only screen and (max-width: 650px){.awards-img{width:100%;margin:0}.awards-list{margin:2px 5px 2px 0}.awards-list-title{margin-left:20px}}@media only screen and (max-width: 450px){.awards-list-title{margin-left:0}}.edit-container{width:100%;height:auto}.edit-text{all:unset;width:100%;box-sizing:border-box;resize:none;overflow:hidden;padding:8px;font-size:16px;line-height:1.5;border:1px solid #ddd;border-radius:4px}.edit-p{white-space:pre-wrap;display:flex;justify-content:center;align-items:center;margin:0}.edit-p img{width:20px;margin-right:5px}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99999;padding:20px;min-width:18%;border-radius:7px;background-color:#3a3a3a;box-shadow:0 0 55px #000}.modal-text{margin-bottom:20px}.modal-flex-row{display:flex;flex-direction:row;justify-content:center}.tag-container{width:auto;margin:20px auto;text-align:center}.tag-wrapper{display:flex;justify-content:center;gap:3px;flex-wrap:wrap;border:1px solid #ccc;padding:10px;border-radius:5px;font-size:16,}.login-form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw}.login-form{width:100%;max-width:300px;padding:2rem;border-radius:8px;box-shadow:0 0 20px #000;background-color:#1a1d1f;margin:0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:100;margin-bottom:.5rem;font-size:16px}.form-group input{padding:.5rem;border-radius:4px;border:1px solid #ddd;font-size:1rem}.input-error{border-color:#e74c3c}.error-message{color:#e74c3c;font-size:.875rem;margin-top:.25rem}button:disabled{background-color:#3f3f3f;cursor:not-allowed}button{background-color:#000}.login-btn-back{margin-top:20px}#portfolio-container{min-height:600px;position:relative}#projects-container{display:flex;flex-direction:row;width:auto;flex-wrap:wrap;gap:0;width:100%;min-height:30vh;position:relative}.item-link-container{-webkit-touch-callout:none}.item-container{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;width:33.33vw;height:33vh;min-height:13.332vw;overflow:hidden;transition:transform .5s ease-in-out}a{height:100%}.item-container-content{transition:opacity .5s ease-in-out;opacity:1}.item-container-content.fade-out{opacity:0}.item-container:hover{cursor:pointer}.item-image{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;object-fit:cover}.item-container:hover .item-image{animation-name:zoomportfolio;animation-duration:18s;animation-iteration-count:infinite;opacity:.65}@keyframes zoomportfolio{0%{transform:scale(1);opacity:1}7%{opacity:.6}26%{transform:scale(1.5)}38%{transform:scale(1.3)}50%{transform:scale(1.3)}75%{transform:scale(1.45)}to{transform:scale(1)}}.item-title{visibility:hidden;color:#fff;margin:0;padding:0 20px;font-size:40px;font-weight:700;text-shadow:1px 1px 20px black}.item-category{visibility:hidden;position:absolute;bottom:20px;left:25px;color:#fff;margin:0;font-size:26px;font-weight:700;text-shadow:1px 1px 20px black}.item-title-admin{visibility:hidden;color:#fff;margin:0;padding:0 20px;font-size:30px;font-weight:600;text-shadow:1px 1px 20px black}.item-category-admin{visibility:hidden;position:absolute;bottom:20px;left:25px;color:#fff;margin:0;font-size:20px;font-weight:600;text-shadow:1px 1px 20px black}.item-award{visibility:hidden;position:absolute;top:20px;right:20px;margin:0;width:50px;filter:drop-shadow(1px 1px 5px black);opacity:0}.item-container:hover .item-title,.item-container:hover .item-category{visibility:visible}.item-container:hover .item-award{visibility:visible;transition:opacity .4s ease-in-out;opacity:1}.item-loading{position:absolute;visibility:hidden;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#f0f8ff17;animation:pulse 1s infinite ease-in-out}@keyframes pulse{0%{visibility:visible;opacity:.3}50%{visibility:visible;opacity:1}to{visibility:visible;opacity:.3}}#projects-category{width:100%;margin:50px 0 15px;display:flex;align-items:flex-end;justify-content:flex-end}ul{list-style-type:none;padding:0;margin:0 50px 0 0;display:flex;align-items:center;flex-wrap:wrap}#projects-category input{visibility:hidden}label{cursor:pointer;color:#fff;margin:0;padding:0 20px;font-size:20px;font-weight:400;transition:text-shadow .2s ease-in-out,transform .1s ease;transform-origin:center bottom;display:inline-block}label:hover{text-shadow:0px 0px 30px white}input:checked+label{font-size:20px;font-weight:600;text-shadow:0px 0px 20px white;transform:scale(1.05)}.form-container-invisible{display:none}.form-container-visible{visibility:visible;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99999;padding:20px;min-width:45%;border-radius:7px;background-color:#3a3a3a;box-shadow:0 0 55px #000,0 0 70px #000,0 0 90px #000}.project-form{margin-top:20px;display:flex;flex-direction:column}.form-close{position:absolute;top:0;right:10px;color:#fff;font-size:20px;cursor:pointer}.form.btn.cancel{min-width:100%}.project-form-input,.project-form-textarea{font-size:15px}.project-form-input-req::placeholder{font-size:15px;color:#b12b2b}.project-form-textarea-req::placeholder{font-size:15px;color:#b12b2b}.fade-enter{opacity:0;transform:translateY(60px) translate(0)}.fade-enter-active{opacity:1;transform:translateY(0) translate(0);transition:opacity .3s,transform .3s}.fade-exit{opacity:1;transform:translateY(0) translate(0)}.fade-exit-active{opacity:0;transform:translateY(-20px) translate(0);transition:opacity .3s,transform .3s}#projects-container-admin{display:flex;flex-direction:row;width:auto;flex-wrap:wrap;gap:0;width:100%;margin-bottom:40vh;position:relative}.item-container-admin{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:20vw;height:20vh;overflow:hidden;transition:background-color .5s ease}.item-container-admin-control{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:40px;height:40px;overflow:hidden;cursor:pointer;transition:background-color .5s ease}.item-container-admin.zoomed{position:absolute;top:0;left:0;width:100vw;height:100vh;transform:scale(1.2);z-index:999999;transition:transform .5s ease-in-out,width .5s ease,height .5s ease}.item-container-admin:hover{cursor:pointer}.control-panel-admin{position:absolute;top:40px;left:10px;display:flex;justify-content:space-around;height:32px;width:125px}.item-admin-image{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,transform 1s ease}.item-container-admin:hover .item-admin-image{transform:scale(1.1);opacity:.6}.item-invisible{position:absolute;top:10px;right:10px;margin:0;width:50px;filter:drop-shadow(1px 1px 5px black)}.item-position{position:absolute;top:0;left:10px;color:#fff;margin:0;font-size:26px;font-weight:700;text-shadow:1px 1px 5px black}.item-container-admin:hover .item-title-admin,.item-container-admin:hover .item-category-admin{visibility:visible}.icon-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.item-admin-icon{display:block;width:22px;height:22px;padding:3px;transition:all .2s ease}.item-admin-icon:hover{transform:scale(1.2)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes bump{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.item-admin-icon.spin{animation:spin 1s linear infinite}.item-admin-icon.bump{animation:bump 1s linear infinite}@media only screen and (max-width: 900px){.item-container{width:50vw}ul{margin:0}.item-award{width:50px}}@media only screen and (max-width: 550px){.item-container{width:50vw;height:18vh}.item-title{font-size:23px;padding:0 10px;line-height:1.1}.item-category{bottom:10px;left:10px;font-size:18px}.item-award{width:40px;top:5px;right:5px}label{padding:0 18px;font-size:18px}input:checked+label{font-size:18px}#projects-category{margin:25px 0 8px}}@media only screen and (max-width: 350px){label{padding:1px 14px;font-size:17px}input:checked+label{font-size:17px}#projects-category{margin:15px 0 4px}}#about-container{height:130vh;position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden}#about-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/about/about.avif);background-size:cover;background-repeat:no-repeat;background-position:right center;z-index:-1}.about-description-wrapper{display:flex;margin:8% 0% 0% 18%;justify-content:flex-start;width:100%}.about-description{background-color:#1a1d1fb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #000;z-index:10;padding:20px 35px;margin-bottom:4%;width:800px;font-size:20px;display:flex;flex-direction:column;text-align:left;text-indent:20px}.about-contact-certifs-wrapper{display:flex;justify-content:space-between;align-items:flex-end;width:100%;margin-top:70px;padding:50px 0;z-index:10;background-color:#1a1d1fb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #000}.contact-form{display:flex;flex-direction:row;width:50%;height:100%;padding:0 20px;font-size:20px}.contact-form-col{display:flex;flex-direction:column;text-align:start;width:100%;height:100%}.contact-input{height:30px;margin:0 40px 20px 0;padding-left:10px}.contact-input-label{margin-bottom:10px}.contact-textarea{width:100%;height:100%;resize:none;padding:10px}.contact-form-btn{margin-top:20px;width:100px;height:50px}.about-certifs-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;padding:0 20px}.about-certifs-freesound p{margin:0}.about-certifs-freesound-logo{height:120px;filter:drop-shadow(0px 0px 8px #ffffffe1)}.about-certifs{display:flex;flex-direction:row;width:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;width:100%;margin-top:20px}.about-certifs-title{font-size:20px}.about-certifs-logo{margin:3px 7px;width:auto;height:70px;filter:drop-shadow(0px 0px 3px #ffffffd8)}@media only screen and (max-width: 1500px){#about-container{align-items:start}.about-description-wrapper{display:flex;margin:8% 0% 0%;justify-content:flex-start;width:50%}.about-contact-certifs-wrapper{padding:20px 0}.about-certifs-logo{height:60px}}@media only screen and (max-width: 1100px){#about-container{height:100%;padding-bottom:30px}#about-container:before{width:100%;height:50vh;background-image:url(/about/about.avif);background-size:cover;background-repeat:no-repeat;background-position:right center;z-index:-1}.about-description-wrapper{display:flex;margin:30% 0% 0%;justify-content:flex-start;width:100%}.about-description{width:auto;padding:20px;font-size:18px}.about-contact-certifs-wrapper{margin-top:0;flex-direction:column-reverse;align-items:center;height:100%}.contact-form{margin-left:0%;width:100%;font-size:20px;flex-direction:column}.contact-input{height:30px;margin:0 20px 10px}.contact-input-label{margin:0 20px 10px}.contact-textarea{width:calc(100% - 40px);height:100px;margin:0 20px 10px;resize:none;box-sizing:border-box}.contact-form-btn{margin:20px 0 0 20px;width:100px;height:50px}.about-certifs-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;padding:0;margin-bottom:50px}}@media only screen and (max-width: 800px){#about-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/about/about.avif);background-size:contain;background-repeat:no-repeat;background-position:top center;z-index:-1}.about-description-wrapper{margin:50% 0% 0%}.about-description{font-size:16px}.contact-textarea{height:200px}.about-certifs-freesound-logo{height:80px;filter:drop-shadow(0px 0px 8px #ffffffe1)}.about-certifs-logo{height:45px}}#services-container{margin-top:50px;transition:opacity 1s ease}#services-quote{font-size:50px;margin-left:14%;margin-right:14%;margin-bottom:50px;text-shadow:0px 0px 20px rgba(255,255,255,.55)}.service-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:30px;position:relative;background-color:#1a1d1fb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #000;border-radius:15px;padding-bottom:50px}.service-container:hover{box-shadow:0 0 35px #000}.service-banner{width:100%;height:300px;position:relative;overflow:hidden}.service-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:bottom;transition:transform .1s ease-out}.service-title{font-size:60px;position:absolute;top:60px;left:40px;color:#fff;filter:drop-shadow(0px 0px 7px black);text-shadow:0 0 10px black,0 0 100px black,0 0 100px black,0 0 100px black}.service-description{font-size:20px;margin-top:20px;width:70%;text-align:left;white-space:pre-line}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease,box-shadow .5s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media only screen and (max-width: 1250px){#services-quote{margin-left:8%;margin-right:8%}}@media only screen and (max-width: 800px){#services-container{margin-top:30px}#services-quote{font-size:30px;margin-left:15px;margin-right:15px;margin-bottom:30px}.service-banner{height:100px}.service-title{font-size:30px;top:30px;left:30px}.service-description{width:90%;font-size:16px}}@media only screen and (max-width: 600px){#services-quote{font-size:23px}}