@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Meta;font-style:normal;font-weight:400;src:url(https://www.axis-praxis.org/fonts/webfonts/MetaVariableDemo-Set.woff2) format("woff2")}:root{--text-box-width:44vw;--scroll-bar-width:10px;--col-primary:#cd3565;--col-secondary:#ffda00;--e-global-color-primary:#ff5826;--global-color-primary:#ff5826;--global-color-accent:#ffda26;--global-color-01:#b626ff;--global-color-02:#18e9d9;--global-color-03:#cce1f1;--global-color-04:#91155d;--global-color-05:#c8be3b;--e-global-typography-primary-font-family:Montserrat;--transition-time-01:0.9s}col-primary{color:#ff5826;color:var(--e-global-color-primary)}.col-accent{color:#ffda26;color:var(--global-color-accent)}.col-01{color:#b626ff;color:var(--global-color-01)}.col-02{color:#18e9d9;color:var(--global-color-02)}.col-03{color:#cce1f1;color:var(--global-color-03)}.text-motion-01{animation:letterSpace 1s ease-in-out infinite,anim-skewY 2s ease-in-out infinite,anim-skewY 1s ease-in-out infinite,anim-filter .7s ease-in-out infinite}:root{--bg01:image-set(url(https://paolozap.top/img/bg/web-01-2.webp) type("image/webp"),url(https://paolozap.top/img/bg/web-01-2.jpg) type("image/jpg"))}#mainContainer{display:flex;flex-direction:column}.chosen-title{ont-size:clamp(50px,1.5em,1.5em);color:var(--global-color-primary);text-align:center}#container{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}#container-01{position:absolute;width:100%}.heading-title{font-size:3em}.full,.heading{width:100%}.heading{align-content:center;align-self:center;display:flex;font-size:3vw!important;justify-content:center;justify-items:center;position:relative!important}.con{flex-direction:column}.con,.topic{display:flex}.topic{--transition-time:0.15s;align-content:center;align-items:center;_background:rgba(27,85,82,.255);_background:#d5c408;border:2px solid #0000;_border:2px solid var(--e-global-color-primary);_border-radius:25px;box-sizing:border-box;_color:var(--e-global-color-primary);cursor:pointer;font-family:var(--e-global-typography-primary-font-family),Sans-serif;font-weight:var(--e-global-typography-primary-font-weight);height:clamp(7vw,100px,200px);justify-content:center;padding:10px 30px;place-items:center;position:relative;text-align:center;text-transform:uppercase;transition:all var(--transition-time) ease-in-out}.topic:hover{background:#ffffff1a;background:#142416d1;_background:#91155d;_border:4px solid var(--e-global-color-primary);_filter:hue-rotate(160deg);transform:scale(1.15)}.topic:hover h2{_border-bottom:3px solid #fff;color:#c8be3b}.topic:hover h2:after{background:#c8be3b;width:60%}.topic h2{color:#951d56;display:inline;font-size:2rem;font-weight:900;line-height:1em;position:relative;transition:all var(--transition-time) ease-in-out;z-index:2}.fixed{position:fixed}.topic h2:after{background:#0000;content:"";display:block;height:3px;margin:auto;transition:width .5s ease,background-color .5s ease;width:0}._underline:after{background:red;bottom:100%;display:block;margin:auto;top:auto;transition:width .5s ease,background-color .5s ease;z-index:3}._underline:after,.polygon-01:before{content:"";height:100%;left:0;width:100%}.polygon-01:before{background:#d5c408;_background:red;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);position:absolute;top:0;transform:scale(1);_transform-origin:5% 50%;transition:all var(--transition-time) ease-in-out;z-index:0}.polygon-01:hover:before{background:#91155d;transform:scale(1.1)}#topic-chosen-container{__background:rgba(255,0,0,.322);height:100%;left:0;_margin-top:140px;top:0;width:100%}#topic-chosen{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:100px}#topic-chosen .title{color:#fff;color:var(--global-color-primary);font-size:clamp(50px,1.5em,1.5em);text-align:center}.fade-out-up{animation:fadeOutUp .5s ease-out forwards}.fade-out-up-bounce{animation:fadeOutUpBounce var(--transition-time-01) cubic-bezier(.68,-.25,.265,1.95) forwards}.fade-in-up-bounce{animation:fadeInUpBounce var(--transition-time-01) cubic-bezier(.68,-.55,.265,1.55) forwards}.fade-out-down-bounce{animation:fadeOutDownBounce var(--transition-time-01) cubic-bezier(.68,-.25,.265,1.95) forwards}.fade-in-down-bounce{animation:fadeInDownBounce var(--transition-time-01) cubic-bezier(.68,-.25,.265,1.95) forwards}#buttons-container{background:#639;display:flex;flex-direction:row;height:100%;min-height:100px;position:relative;width:100%;z-index:999}#topics-btns-small{display:inline-flex;flex-wrap:wrap}#description-container{padding-bottom:30px}#description-container .content{font-size:clamp(25px,3vw,3em)}#description-container .content-small{color:#e1f1ef;font-size:clamp(16px,.6em,.7em)}.back-button #text-button{align-items:center;display:flex}.back-button{background:none;border:none;cursor:pointer;padding:0;transform:scale(.9);transition:all .4s cubic-bezier(.68,-.25,.265,1.95)}.back-button:hover{transform:translateX(10px) scale(1)}.back-button img{filter:invert(1) drop-shadow(0 0 .75rem rgb(255,217,0));height:clamp(100px,7vw,150px);position:relative;width:auto}.con-inner{display:flex;height:100%;position:relative}.grid.topics-container{grid-gap:20px;align-content:start;align-items:center;display:grid;font-size:1rem;gap:20px;grid-auto-flow:row;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);justify-content:start;justify-items:normal;line-height:1.5;margin:auto;max-width:80%;opacity:1;position:relative;width:100%}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes textShadow{0%{text-shadow:0 0 0 #0003}50%{text-shadow:2px 2px 5px #00000080}to{text-shadow:0 0 0 #0003}}@keyframes slide{0%{transform:translateX(0)}50%{transform:translateX(10px)}to{transform:translateX(0)}}@keyframes opacity{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes anim-filter{0%{filter:hue(0)}50%{filter:hue-rotate(-120deg)}to{filter:hue(0)}}@keyframes letterSpace{0%{letter-spacing:0}50%{letter-spacing:5px}to{letter-spacing:0}}@keyframes anim-skewX{0%{transform:skewX(-15deg)}50%{transform:skewX(15deg)}to{transform:skewX(-15deg)}}@keyframes anim-skewY{0%{transform:skewY(-2deg)}50%{transform:skewY(2deg)}to{transform:skewY(-2deg)}}@keyframes fadeInUpBounce{0%{opacity:0;transform:translateY(-100vh)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDownBounce{0%{opacity:1;transform:translateY(0)}to{__opacity:0;transform:translateY(100vh)}}@keyframes fadeInDownBounce{0%{opacity:1;transform:translateY(-100%)}to{__opacity:0;transform:translateY(0)}}@keyframes fadeOutUpBounce{0%{opacity:1;transform:translateY(0)}to{__opacity:0;transform:translateY(-100vh)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100vh)}}.gradient-text-orange{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--e-global-color-primary) 0,#ffda00 100%);-webkit-background-clip:text}.text-stroke-1{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#000}.stroke-text{-webkit-text-fill-color:#fff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--e-global-color-primary)}.shadow-text{text-shadow:2px 2px 2px}.glassy-1{backdrop-filter:blur(6.2px);-webkit-backdrop-filter:blur(6.2px);background:#448ca21a;box-shadow:0 4px 30px #0000001a}.text-background-1{@supports ((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text){-webkit-background-clip:text;background-clip:text;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='2250' height='900' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2300A080' d='M0 0h2255v899H0z'/%3E%3Ccircle cx='366' cy='207' r='366' fill='%2300FDCF'/%3E%3Ccircle cx='1777.5' cy='318.5' r='477.5' fill='%2300FDCF'/%3E%3Ccircle cx='1215' cy='737' r='366' fill='%23008060'/%3E%3C/svg%3E");background-position:50%;background-size:110% auto;color:#0000}}.glitch-text{text-shadow:.05em 0 0 #ff0000bf,-.05em -.025em 0 #00ff00bf,-.025em .05em 0 #0000ffbf}.rgb-split{text-shadow:2px 2px 1px #ff0000b0,-2px 3px 1px #0044ffb0,3px -3px 1px #ffda00b0}.filter-color-1{filter:invert(.81) sepia(.5) saturate(5) hue-rotate(161deg) brightness(2) contrast(.8) hue-rotate(-15deg) contrast(1.2)}.filter-color-2{filter:invert(1) saturate(2) hue-rotate(46deg)}.filter-color-3{filter:invert(1) saturate(2) hue-rotate(255deg) brightness(1.25)}.filter-color-4{filter:invert(1) saturate(.9) hue-rotate(255deg) brightness(1.2) contrast(.9)}.filter-color-5{filter:invert(1) saturate(0)}.hide{display:none}.circle-cropper{border-radius:50%;height:150px!important;overflow:hidden;position:relative;transition:all .3s ease-in-out;width:150px!important}.circle-cropper img{display:inline;filter:contrast(.9);height:100%;margin:0 auto;transform:scale(1.2);transform-origin:center;transition:all .3s ease-in-out;width:100%!important}.circle-cropper:hover{border:1px solid #22222295;cursor:pointer}.glow-1{box-shadow:0 0 90px 33px;color:#4887cacc}.scale-up-hover{transition:transform .2s ease-in-out}.scale-up-hover:hover{transform:scale(1.04)!important}.fade-in-up-on-scroll{opacity:0;transform:translateY(20px);transition:.8s}.fade-in-up-on-scroll.inview{opacity:1;transform:none}.fade-in-up-on-scroll.inview:first-child{transition-delay:.1s}.fade-in-up-on-scroll.inview:nth-child(2){transition-delay:.2s}.fade-in-up-on-scroll.inview:nth-child(3){transition-delay:.3s}.fade-in-up-on-scroll.inview:nth-child(4){transition-delay:.4s}.fade-in-up-on-scroll.inview:nth-child(5){transition-delay:.5s}.bg-web-01{background-attachment:fixed;background-color:#fff;background-image:url(https://paolozap.top/img/bg/web-01-2.jpg);background-image:-webkit-image-set(url(https://paolozap.top/img/bg/web-01-2.webp) type("image/webp"),url(https://paolozap.top/img/bg/web-01-2.jpg) type("image/jpg"));background-image:image-set(url(https://paolozap.top/img/bg/web-01-2.webp) type("image/webp"),url(https://paolozap.top/img/bg/web-01-2.jpg) type("image/jpg"));background-size:cover}.bg-web-01:before{--border-transition:0.3s;--background-overlay:"";background-color:#19137a;content:"";display:block;height:100%;left:0;mix-blend-mode:overlay;opacity:.75;position:fixed;top:0;transition:.3s;transition:var(--overlay-transition,.3s);width:100%}.bg-web-01.active:before{background-color:red}.text-style-01{-webkit-text-fill-color:#0000;-webkit-text-stroke-width:3px;-webkit-text-stroke-color:#fff;font-size:120px;letter-spacing:.1em;text-shadow:8px 8px #ff1f8f}.text-style-02{color:#f5f5f5;font-family:verdana;position:absolute;right:50%;text-shadow:1px 1px 1px #919191,1px 2px 1px #919191,1px 3px 1px #919191,1px 4px 1px #919191,1px 5px 1px #919191,1px 6px 1px #919191,1px 7px 1px #919191,1px 8px 1px #919191,1px 9px 1px #919191,1px 10px 1px #919191,1px 18px 6px #10101066,1px 22px 10px #10101033,1px 25px 35px #10101033,1px 30px 60px #10101066;top:50%;transform:translate(50%,-50%)}.text-style-02,.text-style-03{font-weight:700;text-transform:uppercase}.text-style-03{-webkit-text-stroke:2px #fff;color:@accent;letter-spacing:1.2vw;position:relative;text-align:center;text-shadow:0 1px 0 lighten(@base,15%),-1px -1px 0 lighten(@base,15%),-1px 0 0 lighten(@base,6%),-2px 1px 0 lighten(@base,6%),-3px 2px 0 lighten(@base,5%),-4px 3px 0 lighten(@base,4%),-5px 4px 0 lighten(@base,3%),-6px 5px 0 lighten(@base,2%),-7px 6px 0 lighten(@base,1%),-8px 7px 0 @base,-9px 8px 0 darken(@base,1%),-10px 9px 0 darken(@base,2%),-11px 10px 0 darken(@base,3%),-12px 11px 0 darken(@base,4%),-13px 12px 0 darken(@base,5%),-14px 13px 0 darken(@base,6%),-15px 14px 0 darken(@base,7%),-16px 15px 0 darken(@base,8%),0 -1px 1px @scale,0 -2px 0 @scale,-15px 14px 0 @scale,-16px 15px 0 @scale,-17px 16px 0 @scale,-18px 17px 0 @scale,-2px -1px 0 @scale,-3px 0 0 @scale,-19px 15px 0 @scale,-18px 14px 0 @scale,-17px 13px 0 @scale,-16px 12px 0 @scale,-15px 11px 0 @scale,-14px 10px 0 @scale,-13px 9px 0 @scale,-12px 8px 0 @scale,-11px 7px 0 @scale,-10px 6px 0 @scale,-9px 5px 0 @scale,-8px 4px 0 @scale,-7px 3px 0 @scale,-6px 2px 0 @scale,-5px 1px 0 @scale,-4px 0 0 @scale,0 2px 0 @scale,-1px 3px 0 @scale,-2px 4px 0 @scale,-3px 5px 0 @scale,-4px 6px 0 @scale,-5px 7px 0 @scale,-6px 8px 0 @scale,-7px 9px 0 @scale,-8px 10px 0 @scale,-9px 11px 0 @scale,-10px 12px 0 @scale,-11px 13px 0 @scale,-12px 14px 0 @scale,-13px 15px 0 @scale,-14px 16px 0 @scale,-15px 17px 0 @scale}.text-style-04{__animation:textAnimation 2s infinite alternate;color:#333;font-family:futura,sans-serif;font-weight:700;letter-spacing:3px;line-height:1.2;text-shadow:2px 2px 4px #0003;text-transform:uppercase}@keyframes textPulse{0%{color:#333;text-shadow:2px 2px 4px #0003}50%{color:red;text-shadow:4px 4px 8px #ff000080}to{color:#333;text-shadow:2px 2px 4px #0003}}@keyframes textAnimation{0%{color:#333;text-shadow:2px 2px 4px #0003;transform:scale(1)}25%{color:red;text-shadow:4px 4px 8px #ff000080;transform:scale(1.1)}50%{color:#00f;text-shadow:2px 2px 4px #0000ff80;transform:skewX(10deg)}75%{color:#0f0;text-shadow:4px 4px 8px #00ff0080;transform:rotate(5deg)}to{color:#333;text-shadow:2px 2px 4px #0003;transform:scale(1)}}.text-style-05{background:linear-gradient(#f0f,#f0f) 2em 1em /2em 1em,linear-gradient(#f0f 1em,pink 3em) 1em 2em/1em 4em,linear-gradient(#f0f,#f0f) 4em 2em/1em 1em,linear-gradient(pink,pink) 4em 5em/1em 1em,linear-gradient(pink,pink) 2em 6em /2em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 2.12em,#00f0 0) 1em 0 /3em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 1.4em,#00f0 0) 0 1em /2em 1em,linear-gradient(45deg,#00f .7em,#00f0 0) 4em 1em/1em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 2.12em,#00f0 0) 1em 5em /3em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 1.4em,#00f0 0) 3em 4em /2em 1em,linear-gradient(45deg,#00008000 .7em,navy 0,navy 3.7em,#00008000 0) 0 1em/1em 5em,linear-gradient(navy,navy) 1em 0/1em 2em,linear-gradient(45deg,#00008000 .7em,navy 0,navy 3.7em,#00008000 0) 1em 6em/1em 1em,linear-gradient(navy,navy) 3em 4em/1em 2em,linear-gradient(#f0f 2em,pink 4em) 6em 1em/1em 5em,linear-gradient(pink,pink) 7em 6em /2em 1em,linear-gradient(#f0f 2em,pink 4em) 9em 1em/1em 5em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 1.4em,#00f0 0) 5em 0 /2em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 1.4em,#00f0 0) 8em 0 /2em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 2.12em,#00f0 0) 6em 5em /3em 1em,linear-gradient(45deg,#00008000 .7em,navy 0,navy 4.7em,#00008000 0) 5em 0/1em 6em,linear-gradient(45deg,#00008000 .7em,navy 0,navy 4.7em,#00008000 0) 8em 0/1em 6em,linear-gradient(45deg,#00008000 .7em,navy 0,navy 3.7em,#00008000 0) 6em 6em/1em 1em,linear-gradient(#f0f 2em,pink 4em) 11em 1em/1em 6em,linear-gradient(#f0f,#f0f) 11em 1em /3em 1em,linear-gradient(#f0f,#f0f) 14em 2em/1em 1em,linear-gradient(#f0f,pink 2em) 11em 3em /3em 1em,linear-gradient(#f600f6,pink 1.6em) 14em 4em/1em 2em,linear-gradient(pink,pink) 11em 6em /3em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 2.83em,#00f0 0) 10em 0 /4em 1em,linear-gradient(45deg,#00f .7em,#00f0 0) 14em 1em/1em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 2.12em,#00f0 0) 11em 2em /3em 1em,linear-gradient(45deg,#00f .7em,#00f0 0) 14em 3em/1em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 2.12em,#00f0 0) 11em 5em /3em 1em,linear-gradient(45deg,#00008000 .7em,navy 0,navy 5em,#00008000 0) 10em 0/1em 7em,linear-gradient(navy,navy) 13em 2em/1em 4em,linear-gradient(#f0f 2em,pink 4em) 16em 1em/1em 6em,linear-gradient(#f0f,#f0f) 16em 1em /4em 1em,linear-gradient(#f0f,pink 2em) 16em 3em /3em 1em,linear-gradient(pink,pink) 16em 6em /4em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 3.55em,#00f0 0) 15em 0 /5em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 2.12em,#00f0 0) 16em 2em /3em 1em,linear-gradient(45deg,#00f 2.83em,#00f0 0) 16em 5em /5em 1em,linear-gradient(45deg,#00008000 .7em,navy 0,navy 5em,#00008000 0) 15em 0/1em 7em;background-repeat:no-repeat;height:7em;left:50%;margin-left:-9em;margin-top:-1.5em;position:absolute;top:50%;transform:skewY(-12deg) scale(.9);transform-origin:0 0;width:20em}.text-style-06{-webkit-text-stroke:4px #d6f4f4;color:#0000;cursor:pointer;font-family:Meta,sans-serif;font-size:15rem;font-variation-settings:"wght" 900,"ital" 1;text-align:center;text-shadow:10px 10px 0 #07bccc,15px 15px 0 #e601c0,20px 20px 0 #e9019a,25px 25px 0 #f40468,45px 45px 10px #482896;transition:all .5s}.text-style-06:hover{font-variation-settings:"wght" 100,"ital" 0;text-shadow:none}.text-style-07{background-image:linear-gradient(gold,gold);background-position:100% 0;background-repeat:no-repeat;background-size:100% 10px;font-family:Bebas Neue,cursive;font-size:3em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-size .7s,background-position .5s ease-in-out}.text-style-07:hover{background-position:0 100%;background-size:100% 100%;transition:background-position .7s,background-size .5s ease-in-out}.fade-in-left{animation:slide-in .3s ease-out forwards;animation-delay:calc(.1s*var(--delay-index));opacity:0;transform:translateX(-100%)}#description-container .title{color:var(--global-color-primary)}#description-container .content{_color:#870909;color:#fff}@keyframes slide-in{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:767px){.grid.topics-container{grid-auto-flow:row;grid-template-columns:repeat(1,1fr)}}#header-contacts{--transition-header:all 0.25s ease-in-out;align-items:center;background:#dcdb39;height:70px;position:fixed;width:100%}#header-contacts h1{display:inline-flex;font-size:clamp(1em,2em,10vw);justify-content:flex-end;margin-left:10px;position:relative;transition:var(--transition-header)}#header-contacts h1:hover{transform:translateX(10px)}#header-contacts h1:after{background:var(--global-color-01);bottom:-5px;content:"";height:4px;position:absolute;top:auto;transition:var(--transition-header);width:0}#header-contacts h1:hover:after{width:100%}.modal-component{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-component-content{background-color:#fff!important;border-radius:5px;max-height:80%;max-width:80%;overflow-y:auto;padding:20px;width:600px}.modal-close{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .18s ease-in-out;width:100%}.modal-close:hover{background-color:#065fbf}@media (max-width:768px){.modal-component-content{max-height:90%;max-width:90%}}#contact-form{background:#fff;width:100%}.form-container{display:flex;flex-direction:column;padding-top:40px}.form-group{display:flex;margin-bottom:10px}.form-label{padding-right:10px;text-align:right;width:20%}.form-input{min-width:200px;width:70%}.form-input.message{min-height:200px}.form-submit{background-color:#3aa306;border:none;_border:3px solid #ff3200;border-radius:5px;color:#fff;_color:#000;cursor:pointer;font-size:16px;margin-bottom:7px;padding:10px 20px;transition:all .18s ease-in-out;width:100%}.form-submit:hover{background:#297703}div#motion-topic-container{width:clamp(400px,80%,800px)}#description-container{margin:auto;max-width:800px;text-align:center}#multi-gallery-content{--accent-color:#ff5826;font-family:Overpass,sans-serif;margin-left:auto;margin-right:auto;max-width:1000px}#multi-gallery-content .gallery-item-content{align-items:center;background:#30263a;display:flex;height:100%;justify-content:center;position:relative;transition:all .2s ease-in-out;width:100%}#multi-gallery-content .gallery-item-content:hover{background:#639}#extras,#extras a,#extras h2{color:#fff}.image-content,.image-content a{align-items:center;display:flex;flex-direction:column;justify-content:center}.image-content img{height:80%;object-fit:cover;transition:all .2s ease-in-out;width:80%}.image-content a.image-url:after{background-color:var(--global-color-01);_background-color:#666;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:all .2s ease-in-out;width:100%}.image-content a:hover:after{opacity:.2}.image-content a{text-decoration:none;transition:all .3s ease-in-out}.image-content a:hover{_letter-spacing:.1em;text-decoration:underline;_transform:scale(1.1)}.image-content a:hover img{transform:scale(.97)}#multi-gallery-content .section-header{color:var(--e-global-color-primary);font-family:Montserrat,sans-serif;font-size:36px;font-weight:400;margin:60px auto 20px;text-align:center;text-transform:uppercase}#multi-gallery-content .section-header-underline{border:1px solid var(--e-global-color-primary);margin:0 auto 30px;width:3rem}#multi-gallery-content .multi-gallery{margin:0 auto;max-width:1000px;position:relative;text-align:center}#multi-gallery-content .multi-gallery .gallery-item{background:#000;cursor:pointer;float:left;height:360px;margin:10px 1%;max-width:580px;min-width:380px;overflow:hidden;position:relative;width:48%}#multi-gallery-content .multi-gallery .gallery-item img{backface-visibility:hidden;display:block;height:auto;opacity:.45;position:relative;transform:translate3d(-23px,0,0);transition:opacity .35s,transform .35s;width:105%}.gallery-item-content img{_opacity:1!important}#multi-gallery-content .multi-gallery .gallery-item .gallery-item-caption{color:#fff;font-size:18px;padding:2em;text-transform:uppercase}#multi-gallery-content .multi-gallery .gallery-item .gallery-item-caption,#multi-gallery-content .multi-gallery .gallery-item .gallery-item-caption>a{height:100%;left:0;position:absolute;top:0;width:100%}#multi-gallery-content .multi-gallery .gallery-item h2{font-weight:300;min-width:320px;overflow:hidden;padding:.5em 0}#multi-gallery-content .multi-gallery .gallery-item h2,#multi-gallery-content .multi-gallery .gallery-item p{margin:0;position:relative;z-index:10}#multi-gallery-content .multi-gallery .gallery-item p{font-size:68%;letter-spacing:1px;opacity:0;padding:1em 0;transform:translate3d(10%,0,0);transition:opacity .35s,transform .35s}#multi-gallery-content .multi-gallery .gallery-item:hover img{opacity:.3;transform:translateZ(0)}#multi-gallery-content .multi-gallery .gallery-item .gallery-item-caption{max-width:70%;text-align:left}#multi-gallery-content .multi-gallery .gallery-item h2:after{background:#fff;bottom:0;content:"";height:1px;left:0;position:absolute;transform:translate3d(-100%,0,0);transition:transform .3s;width:15%}#multi-gallery-content .multi-gallery .gallery-item:hover h2:after{transform:translateZ(0)}#multi-gallery-content .multi-gallery .gallery-item:hover p{opacity:1;transform:translateZ(0)}.modal-navigation{align-items:center;display:flex;justify-content:space-between;left:50%;padding:10px;position:absolute;right:0;top:50%;transform:translate(-50%,-50%);width:92%}.next-button,.prev-button{background:#0000;border:none;cursor:pointer}.next-button i,.prev-button i{color:#c11;font-size:24px}#multi-gallery-content .filter-bar-container{background-color:#2d3748;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem;width:100%}#multi-gallery-content .filter-tags-wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}#multi-gallery-content .filter-by-label{color:#cbd5e0;font-size:1.125rem;font-weight:600;margin-right:.75rem;white-space:nowrap}#multi-gallery-content .filter-button{background-color:#4a5568;border:1px solid #718096;border-radius:9999px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#e2e8f0;cursor:pointer;font-size:1rem;font-weight:500;margin:.375rem;padding:.5rem 1.25rem;transition:all .2s ease-in-out}#multi-gallery-content .filter-button:hover{background-color:#2b6cb0;border-color:#2b6cb0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;transform:translateY(-2px)}#multi-gallery-content .filter-button.active{background-color:#2b6cb0;border:4px solid #90cdf4;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#fff;transform:scale(1.05)}#multi-gallery-content .filter-button.active:hover{background-color:#3182ce;border-color:#63b3ed;transform:scale(1.08)}#multi-gallery-content .clear-filters-wrapper{display:flex;justify-content:left;width:100%}#multi-gallery-content .clear-filters-button{background-color:#e53e3e;border:none;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s ease-in-out}#multi-gallery-content .clear-filters-button:hover{background-color:#c53030;transform:scale(1.05)}#multi-gallery-content .no-items-message{color:#fff;font-size:30px}@media screen and (max-width:50em){#multi-gallery-content .multi-gallery .gallery-item{display:inline-block;float:none;margin:10px auto;width:100%}}.modal-overlay{align-items:center;background-color:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.ReactModalPortal{opacity:0;transition:all .5s ease-in-out}.ReactModalPortal.show{opacity:1}.modal-content{background-color:#000;border-radius:10px;box-shadow:0 2px 5px #0000004d;margin:0 auto;max-width:800px;padding:20px}.modal-content iframe{width:100%}.ReactModal__Content{inset:unset!important}.ReactModal__Content .button-close{background:#fff;border:2px solid #000;border-radius:18px;cursor:pointer;display:flex;font-size:22px;justify-content:center;margin:10px auto auto;min-width:100px;padding:6px;transition:all .4s ease-in-out;width:50%}.ReactModal__Content .button-close:hover{background:#000;border:2px solid #fff;color:#fff;transform:translateY(-2px)}div#coding-topic-container,div#sound-topic-container{width:clamp(400px,80%,800px)}div#sound-topic-container{align-items:center;display:flex;flex-direction:column;justify-content:center}#sound-topic-container{_color:#fff;color:var(--global-color-primary)}.hide{display:none!important}#hamburger-menu-container{--size:80px;--thickness:8px;padding:10px;position:absolute;right:0;top:0;z-index:9999}#hamburger-icon-container{__filter:invert(1);cursor:pointer}#hamburger-menu-container .slide-in{opacity:0;transform:translateX(-100%);transition:all .3s ease-in-out}#hamburger-menu-container .slide-in.active{opacity:1;transform:translateX(0);transform:translateY(100%)}#hamburger-menu-container .menu{_background-color:#f0f0f0;_border:1px solid #ccc;_box-shadow:0 2px 5px #0000004d;display:flex;flex-direction:column;list-style:none;margin:0;opacity:0;padding:0;pointer-events:none;position:absolute;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}#hamburger-menu-container .menu.show{opacity:1;pointer-events:all;transform:translateY(0)}#hamburger-menu-container .menu li{background:#282828;border:0 solid #ccc;border-radius:10px;box-shadow:0 2px 5px #0000004d;color:#000;font-weight:600;margin-bottom:4px;opacity:0;padding:10px;text-align:center;transform:translateY(-10px);transition:all .3s ease-in-out}#hamburger-menu-container .menu.show li{cursor:pointer;opacity:1;transform:translateY(6px);_transition-delay:.2s}#hamburger-menu-container .menu a{color:orange;text-decoration:none}#hamburger-menu-container .menu a:active,#hamburger-menu-container .menu a:hover,#hamburger-menu-container .menu a:link,#hamburger-menu-container .menu a:visited{text-decoration:none!important}#hamburger-menu-container .menu li:hover{background-color:#000;color:#fff;transform:scale(1.2)}#hamburger-menu-container .menu li:hover>a{color:#fff}#hamburger-menu-container button{background:#0000;border:none;display:flex;height:var(--size);margin:0;padding:0;width:var(--size)}#hamburger-menu-container #hamburger-icon-container{align-content:center;background:#fff;border-radius:15px;box-shadow:0 2px 35px #ffe7e7b3;display:flex;flex-direction:column;height:inherit;justify-items:center;place-content:space-evenly;justify-content:center;transition:all .3s ease-in-out;width:inherit}#hamburger-menu-container #hamburger-icon-container:hover{transform:scale(1.05)}#hamburger-menu-container .hamburger{background-color:#000;border-radius:8px;display:block;height:var(--thickness);margin:4px auto;transform-origin:50% 50%;transition:transform .3s ease-in-out;transition:all .3s ease-in-out;width:80%}#hamburger-menu-container .hamburger.open>*{pointer-events:none;transition:transform .3s ease-in-out}#hamburger-menu-container .hamburger.open,#hamburger-menu-container .hamburger.open:first-child{margin:0 auto;transform:rotate(45deg) translateX(var(--thickness)) translateY(calc(var(--thickness)/2))}#hamburger-menu-container .hamburger.open:nth-child(2){opacity:0}#hamburger-menu-container .hamburger.open:nth-child(3){transform:rotate(-45deg) translateX(var(--thickness)) translateY(calc(var(--thickness)/-4))}
/*# sourceMappingURL=main.15e07836.css.map*/