@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Comforter&family=Quicksand:wght@300;400;500;600;700&family=Red+Hat+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");:root{--primary-grey-one:#1e1e1e;--primary-grey-two:#323232;--secondary-grey-one:#aaa;--secondary-grey-two:hsla(0,0%,6%,.3);--sidenav-bg:hsla(0,0%,6%,.95);--anchorAni-one:#5a5a5a;--anchorAni-two:#aaa;--font-sans:"Quicksand","Poppins","Calibre","Inter","San Francisco","SF Pro Text",-apple-system,system-ui,sans-serif;--font-sans-poppins:"Poppins","Calibre","Inter","San Francisco","SF Pro Text",-apple-system,system-ui,sans-serif;--font-mono:"Red Hat Mono","SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;--font-cursive:"Comforter",cursive}@keyframes upwardAnimation{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes ancAni{0%{left:0;width:0;background-color:var(--anchorAni-one)}50%{left:12.5%;width:75%;background-color:var(--anchorAni-two)}75%{left:100%;width:0;background-color:var(--anchorAni-one)}to{left:0;width:0}}*{box-sizing:border-box;font-family:var(--font-sans)}*,body,html{margin:0;padding:0}a{color:inherit;text-decoration:none;font-weight:600;display:inline-block;text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000}h2{font-size:2rem;display:flex;align-items:center;position:relative;margin-bottom:20px;width:100%;white-space:nowrap;font-family:var(--font-sans-poppins)}h2:before{content:"0" counter(pageNums) ". ";margin-right:10px;color:var(--secondary-grey-one);font-family:var(--font-mono)}h2:after{content:"";display:block;position:relative;align-items:center;height:1px;margin-left:auto;background-color:var(--secondary-grey-one);opacity:.5}ul{padding-left:20px;list-style:none}ul li{position:relative}ul li:before{content:"▹";position:absolute;left:-20px}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-thumb{background-color:var(--secondary-grey-one);border:3px solid var(--navy);border-radius:10px}::-webkit-scrollbar-track{opacity:0;background-color:#505050}@media only screen and (min-width:900px){.no-pc{visibility:hidden!important;display:none!important}}@media only screen and (max-width:900px){.only-pc{visibility:hidden!important;display:none!important}h2{width:100%;font-size:1.2rem}a{display:inline-block}}#main{overflow-y:hidden;color:#fff;counter-reset:pageNums}#main,#main>section{width:100%;position:relative}#main>section{min-height:100vh;padding:90px;display:flex;justify-content:center;align-items:center}#main>section a{position:relative}#main>section a:after{content:"";position:absolute;width:0;bottom:0;height:1px;animation:ancAni 2s ease 0s infinite normal forwards}#main>section:nth-of-type(n+2){counter-increment:pageNums}#main>section:nth-child(2n){background-color:var(--primary-grey-one)}#main>section:nth-child(odd){background-color:var(--primary-grey-two)}#main>section:first-child{z-index:1}#main>section:nth-child(2){z-index:2}#main>section:nth-child(3){z-index:3}#main>section:nth-child(4){z-index:4}#main>section:nth-child(5){z-index:5}#main>section:nth-child(6){z-index:6}#main>#popup{z-index:99999;position:fixed;height:100vh;width:100%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#main>#popup,#main>#popup div{display:flex;flex-direction:column;justify-content:center;align-items:center}#main>#popup div{height:55vh;width:75vw;background-color:var(--sidenav-bg);padding:15px 30px;border-radius:10px;font-weight:600;font-size:large;position:relative}#main>#popup div .popup-cross-icon{font-size:xx-large;position:absolute;top:20px;right:20px;cursor:pointer}@media screen and (min-width:900px){#main{width:100%;position:relative;color:#fff}#main>section{position:fixed}}@media screen and (max-width:900px){#main{height:-moz-fit-content;height:fit-content}#main>section{padding:100px 30px}}#main-left,#main-right{opacity:0;z-index:999;position:fixed;bottom:0;width:50px;height:350px;color:var(--secondary-grey-one)}#main-left .rule,#main-right .rule{width:2px;background-color:var(--secondary-grey-one);height:25%}#main-left *,#main-right *{transition:all .1s ease-out}#main-left{left:2.5%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-size:1.3rem}#main-left a:focus,#main-left a:hover{color:#fff;transform:translateY(-2px) scale(1.06);filter:drop-shadow(0 0 1px white);-webkit-filter:drop-shadow(0 0 1px #fff)}#main-right{display:flex;flex-direction:column;justify-content:space-between;align-items:center;right:2.5%;font-family:var(--font-mono);font-size:medium;letter-spacing:2px;animation:upwardAnimation .8s ease .3s 1 normal forwards}#main-right a{-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl}#main-right a:focus,#main-right a:hover{color:#fff;transform:translateY(-2px) scale(1.02);filter:drop-shadow(0 0 2px black);-webkit-filter:drop-shadow(0 0 2px #000)}header{z-index:999;position:fixed;width:100%;height:80px;top:0;left:0;display:flex;align-items:center;justify-content:flex-end;font-size:small}header *{transition:all .1s ease-out}header.pc-view{background-color:rgba(var(--primary-grey-one),.5)}header.mobile-view,header.pc-view{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 8px 10px 0 rgba(0,0,0,.3)}header.mobile-view{transition:all .3s ease-in-out}header.mobile-view .for-blur:before{transition:all .3s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:-1;content:"";position:absolute;height:100vh;width:100vw;top:0;left:0;opacity:0;visibility:hidden}header.mobile-view.nav-active{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}header.mobile-view.nav-active .for-blur:before{opacity:1;visibility:visible}header nav{transition:right .3s ease-in-out}header nav.pc-view{display:flex;align-items:center;justify-content:flex-end;margin-right:35px;counter-reset:allAnchors}header nav.pc-view a{margin:0 30px;color:var(--secondary-grey-one);opacity:0;animation:navLinkDown .8s ease forwards}header nav.pc-view a:focus,header nav.pc-view a:hover{color:#fff}header nav.pc-view a[href^="/#"]{font-family:var(--font-mono);position:relative}header nav.pc-view a[href^="/#"]:before{counter-increment:allAnchors;content:"0" counter(allAnchors) ".";position:absolute;left:-3.5ch;top:0;color:var(--secondary-grey-one)}header nav.pc-view a:not([href^="/#"]){border:1px solid var(--secondary-grey-one);padding:10px 15px;border-radius:7px;position:relative;overflow:hidden}header nav.pc-view a:not([href^="/#"]):focus,header nav.pc-view a:not([href^="/#"]):hover{border:1px solid #fff}header nav.pc-view a:not([href^="/#"]):focus:after,header nav.pc-view a:not([href^="/#"]):hover:after{content:"";height:100%;width:100%;position:absolute;background-color:var(--secondary-grey-one);opacity:.2;top:0;left:0;z-index:-1}header nav.mobile-view{padding:10vh 0;z-index:-1;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;top:0;right:-100vw;height:100vh;width:65vw;background-color:var(--sidenav-bg)}header nav.mobile-view>*{opacity:0}header nav.mobile-view a{color:var(--secondary-grey-one);font-size:medium}header nav.mobile-view a:focus,header nav.mobile-view a:hover{color:#fff;filter:drop-shadow(0 0 1px white);-webkit-filter:drop-shadow(0 0 1px #fff)}header nav.mobile-view a[href^="/#"]{font-family:var(--font-mono);position:relative}header nav.mobile-view a[href*=resume]{border:1px solid var(--secondary-grey-one);padding:10px 15px;border-radius:7px}header nav.mobile-view a[href*=resume]:focus,header nav.mobile-view a[href*=resume]:hover{border:1px solid #fff;background-color:rgba(var(--primary-grey-two),1)}header nav.mobile-view.active{right:0}header nav.mobile-view.active>*{animation:navLinkFade .5s ease forwards}header nav div{padding:0 5%;width:100%;height:auto;display:flex;justify-content:space-evenly}header nav div *{font-size:1.5rem}header nav div .rule{visibility:hidden;display:none}header .burger{margin-right:20px;padding:5px;cursor:pointer;position:relative}header .burger .line{width:25px;height:3px;border-radius:2px;background-color:var(--secondary-grey-one);margin:6px 0;transition:all .3s ease-in-out}header .burger.active .line._1{transform:rotate(45deg)}header .burger.active .line._2{opacity:0;margin:-9px 0}header .burger.active .line._3{transform:rotate(-45deg)}header>a{font-weight:400;margin-right:auto;margin-left:30px;font-size:2rem;font-family:var(--font-cursive);letter-spacing:4px;z-index:-1;text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000}@media screen and (max-width:900px){@keyframes navLinkFade{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}}@media screen and (min-width:900px){@keyframes navLinkDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}}#home{flex-direction:column}#home main{opacity:0;max-width:1000px}#home main h1{display:flex;flex-direction:column;margin-bottom:20px}#home main h1 span:first-child{font-weight:400;font-size:large;font-family:var(--font-mono);color:var(--secondary-grey-one)}#home main h1 span:nth-child(2){color:#fff;letter-spacing:3px}#home main h1 span:nth-child(2),#home main h1 span:nth-child(3){font-family:var(--font-sans-poppins);font-weight:700;font-size:4rem}#home main h1 span:nth-child(3){color:var(--secondary-grey-one);position:relative}#home main h1 span:nth-child(4){font-size:1.3rem;font-family:var(--font-sans-poppins);color:#e3e1e1;position:relative;font-weight:300;width:30rem;line-height:2.2rem}#home main h1 span{margin:5px 0}#home main p{max-width:65%;font-size:18px;color:var(--secondary-grey-one);line-height:40px}@media screen and (max-width:900px){#home main{max-width:auto}#home main h1{display:flex;flex-direction:column;margin-bottom:20px}#home main h1 span:first-child{font-size:medium}#home main h1 span:nth-child(2),#home main h1 span:nth-child(3){font-size:2.1rem}#home main h1 span:nth-child(4){font-size:1.1rem;width:25rem}#home main h1 span{margin:5px 0}#home main p{max-width:98%;font-size:1rem}}@media screen and (max-width:600px){#home main{max-width:auto}#home main h1{display:flex;flex-direction:column;margin-bottom:20px}#home main h1 span:first-child{font-size:medium}#home main h1 span:nth-child(2),#home main h1 span:nth-child(3){font-size:2.1rem}#home main h1 span:nth-child(4){font-size:.9rem;width:20rem}#home main h1 span{margin:5px 0}}#about>.contentful{display:flex;opacity:0;height:490px}#about>.contentful>div{height:100%;margin:0 10px;display:flex;justify-content:center;flex-direction:column}#about>.contentful h2:after{width:12.5vw}#about>.contentful span{font-size:1.05rem}#about>.contentful li{font-size:.9rem}#about .about-me{max-width:525px}#about .about-me article{width:100%;color:var(--primary-white-one)}#about .about-me article span{line-height:25px}#about .about-me>span{margin-top:30px;margin-bottom:10px}#about .about-me ul{width:100%;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px;grid-row-gap:10px;row-gap:10px}#about .about-me ul li{font-family:var(--font-mono)}#about .about-photo{width:auto;display:flex;justify-content:center;align-items:flex-start;isolation:isolate}#about .about-photo .imgContainer{height:300px;width:300px;position:relative;border:2px solid var(--secondary-grey-two);border-radius:10px;display:flex;justify-content:center;align-items:center;transition:all .2s ease-out}#about .about-photo .imgContainer:focus,#about .about-photo .imgContainer:hover{border:2px solid var(--secondary-grey-one)}#about .about-photo .imgContainer .nextImg{-o-object-fit:cover;object-fit:cover;z-index:1;border-radius:10px;overflow:hidden}#about .about-photo .imgContainer:before{z-index:2;background-color:var(--secondary-grey-one);mix-blend-mode:color;opacity:1;visibility:visible}#about .about-photo .imgContainer:after,#about .about-photo .imgContainer:before{border-radius:10px;position:absolute;content:"";height:100%;width:100%;transition:all .2s ease-out}#about .about-photo .imgContainer:after{z-index:-1;transform:translate(20px,20px);border:2px solid var(--secondary-grey-one)}#about .about-photo .imgContainer:focus:before,#about .about-photo .imgContainer:hover:before{opacity:0;visibility:hidden}#about .about-photo .imgContainer:focus:after,#about .about-photo .imgContainer:hover:after{border:2px solid var(--secondary-grey-two);transform:translate(15px,15px)}@media screen and (max-width:900px){#about>.contentful{flex-direction:column;height:-moz-fit-content;height:fit-content}#about>.contentful h2{font-size:1.7rem}#about>.contentful h2:after{width:20vw}#about>.contentful>div{height:auto;width:auto}#about .about-me{padding-bottom:30px}#about .about-photo{display:flex;justify-content:center;align-items:center}#about .about-photo .imgContainer{height:200px;width:200px}}#experience .contentful{width:700px;display:flex;flex-direction:column;opacity:0}@keyframes anchorsAni2{0%{color:var(--anchorAni-two)}50%{color:#fff}to{color:var(--anchorAni-two)}}#experience .contentful h2:after{width:15vw}#experience .contentful>div{height:45vh}#experience .contentful .inside-exp{display:flex}#experience .contentful .inside-exp .left-panel{display:flex;flex-direction:column;width:20%}#experience .contentful .inside-exp .left-panel button{background-color:transparent;border:none;font-size:large;padding-top:10px;padding-bottom:10px;cursor:pointer;position:relative}#experience .contentful .inside-exp .left-panel button,#experience .contentful .inside-exp .left-panel button *{transition:all .3s ease-in-out}#experience .contentful .inside-exp .left-panel button:before{content:"";position:absolute;top:0;left:0;height:100%;width:2px}#experience .contentful .inside-exp .left-panel button.exp-btn{color:var(--secondary-grey-one);opacity:.7}#experience .contentful .inside-exp .left-panel button.exp-btn:before{background-color:var(--secondary-grey-one)}#experience .contentful .inside-exp .left-panel button.exp-btn-active{color:#fff;font-weight:500;opacity:1}#experience .contentful .inside-exp .left-panel button.exp-btn-active:before{background-color:#fff}#experience .contentful .inside-exp .right-panel{width:80%;padding-left:20px}#experience .contentful .inside-exp .right-panel h3{color:var(--secondary-grey-one)}#experience .contentful .inside-exp .right-panel h3 a,#experience .contentful .inside-exp .right-panel h3 span{color:#fff;font-weight:700}#experience .contentful .inside-exp .right-panel h3 a{animation:anchorsAni2 2s ease-in-out 0s infinite normal forwards}#experience .contentful .inside-exp .right-panel>span{font-size:small;letter-spacing:2px;color:var(--secondary-grey-one)}#experience .contentful .inside-exp .right-panel ul li{margin:10px 0;font-size:1rem}@media screen and (max-width:900px){#experience{justify-content:flex-start!important;align-items:flex-start!important}#experience .contentful{width:100%}#experience .contentful h2{font-size:1.4rem}#experience .contentful h2:after{width:10%}#experience .contentful .inside-exp{width:100%;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content}#experience .contentful .inside-exp .left-panel{display:flex;flex-direction:row;width:100%;overflow-y:hidden;overflow-x:auto;margin-bottom:20px}#experience .contentful .inside-exp .left-panel button{padding-left:10px;padding-right:10px}#experience .contentful .inside-exp .left-panel button:before{content:"";position:absolute;top:unset;bottom:0;left:0;height:2px;width:100%}#experience .contentful .inside-exp .left-panel button.exp-btn{color:var(--secondary-grey-one);opacity:.7}#experience .contentful .inside-exp .left-panel button.exp-btn:before{background-color:var(--secondary-grey-one)}#experience .contentful .inside-exp .left-panel button.exp-btn-active{color:#fff;font-weight:500;opacity:1}#experience .contentful .inside-exp .left-panel button.exp-btn-active:before{background-color:#fff}#experience .contentful .inside-exp .right-panel{width:100%;padding-left:10px;padding-right:20px}#experience .contentful .inside-exp .right-panel h3{color:var(--secondary-grey-one)}#experience .contentful .inside-exp .right-panel h3 a,#experience .contentful .inside-exp .right-panel h3 span{color:#fff;font-weight:700}#experience .contentful .inside-exp .right-panel>span{font-size:small;letter-spacing:2px;color:var(--secondary-grey-one)}#experience .contentful .inside-exp .right-panel ul li{margin:10px 0;font-size:1rem}}#contact{flex-direction:column;justify-content:unset}#contact>.contentful{max-width:550px;opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center}#contact>.contentful>*{text-align:center;width:-moz-fit-content;width:fit-content}#contact>.contentful h2{font-weight:400;font-size:large;font-family:var(--font-mono);color:var(--secondary-grey-one);margin:0}#contact>.contentful>span{font-family:var(--font-sans-poppins);font-weight:600;font-size:4rem;color:#fff;margin:0}#contact>.contentful>p{margin-top:20px;margin-bottom:50px;color:#fff;opacity:.7}#contact>.contentful>a{height:auto;width:-moz-fit-content;width:fit-content;color:#fff}#contact>.contentful>a:after{animation:none}#contact>.contentful>a button{border:1px solid #fff;border-radius:5px;padding:10px 15px;color:#fff;font-size:1rem;cursor:pointer;background-color:var(--primary-grey-two);transition:all .3s ease;font-weight:400;font-family:var(--font-mono)}#contact>.contentful>a button:focus,#contact>.contentful>a button:hover,#contact>.contentful>a:focus button,#contact>.contentful>a:hover button{background-color:var(--secondary-grey-one);border:1px solid #000;color:#000}#contact>footer{opacity:0;position:absolute;min-height:15vh;padding:10px 0;flex-direction:column;align-items:center;bottom:0;text-align:center;line-height:1.7rem;font-size:small;letter-spacing:2px;font-family:var(--font-mono);font-weight:400}#contact>footer,#contact>footer .icons{width:100%;display:flex;justify-content:space-evenly}#contact>footer .icons{animation:none!important;font-size:1.5rem}#contact>footer .icons a:after{animation:none}#contact>footer .icons .rule{visibility:hidden;display:none}#contact>footer .github_stats{display:flex;font-size:1rem;align-items:center;justify-content:space-between;width:150px;font-weight:400}#contact>footer .github_stats:after{content:none}#contact>footer .github_stats>div{display:flex;align-items:center;justify-content:center}#contact>footer .github_stats>div>*{margin:0 5px}@media screen and (max-width:900px){#contact>.contentful h2{font-size:medium}#contact>.contentful>span{font-size:xx-large}#contact>.contentful>p{margin-top:20px;margin-bottom:50px}#contact>.contentful>a{height:auto;width:-moz-fit-content;width:fit-content;color:#fff}#contact>footer{font-size:small;text-align:center;padding:10px 30px}}#extra-curricular{padding:0!important}#extra-curricular .contentful-different{height:100vh;width:100vw;position:relative;z-index:-1}#extra-curricular .contentful-different a:after{content:none}#extra-curricular .contentful-different h2,#extra-curricular .contentful-different span{z-index:999;color:#fff;position:absolute;text-align:center;display:flex;justify-content:center}#extra-curricular .contentful-different h2{color:var(--secondary-grey-one)}#extra-curricular .contentful-different h2:after{content:none}#extra-curricular .contentful-different .pictures{height:100vh;width:100%;position:absolute;z-index:-9999}#extra-curricular .contentful-different .pictures .photo-carousel{height:100%;width:100%}#extra-curricular .contentful-different .pictures .photo-carousel ul{align-items:center}#extra-curricular .contentful-different .pictures .photo-carousel ul li{height:100vh;background:#606060;background:radial-gradient(ellipse at center,#606060 0,#333 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#606060",endColorstr="#333333",GradientType=1)}#extra-curricular .contentful-different .pictures .photo-carousel ul li:before{content:none}#extra-curricular .contentful-different .pictures .photo-carousel ul .gallery-img-container{position:relative;height:100%;width:100%;overflow:hidden}#extra-curricular .contentful-different .pictures .react-multi-carousel-item--active,#extra-curricular .contentful-different .pictures .react-multi-carousel-item--active *{transition:height .425s ease-in-out,transform .425s ease-in-out,padding .425s ease-in-out}#extra-curricular .contentful-different .btns{position:absolute;z-index:999;bottom:9%;left:calc(50% - 200px / 2);width:200px;height:auto;display:flex;justify-content:center;align-items:center}#extra-curricular .contentful-different .btns button{margin:10px 20px;cursor:pointer;background:var(--secondary-grey-one);padding:10px;border:0 solid #000;border-radius:50%;box-shadow:0 0 15px -3px #fff;font-size:1.2rem;display:flex;justify-content:center;align-items:center;color:#000}@media screen and (min-width:900px){#extra-curricular .contentful-different:before{content:"";height:25%;width:100%;background:linear-gradient(var(--primary-grey-one),var(--primary-grey-two));position:absolute;top:0;left:0;z-index:0;border-radius:25% 25% 50% 50%/0 0 100% 100%}#extra-curricular .contentful-different:after{content:"";height:25%;width:100%;background:linear-gradient(var(--primary-grey-two),var(--primary-grey-one));position:absolute;bottom:0;left:0;z-index:0;border-radius:50% 50% 25% 25%/100% 100% 0 0}#extra-curricular .contentful-different h2,#extra-curricular .contentful-different span{width:20vw;left:calc(50% - 20vw / 2)}#extra-curricular .contentful-different h2{top:12.5%;font-size:1.25rem;font-weight:400}#extra-curricular .contentful-different span{top:17.5%;font-size:2rem;letter-spacing:5px;font-weight:600}#extra-curricular .contentful-different .pictures .photo-carousel ul .middle-pic{height:55vh}#extra-curricular .contentful-different .pictures .photo-carousel ul .gallery-img-container .gallery-img{-o-object-fit:cover;object-fit:cover}#extra-curricular .contentful-different .pictures .photo-carousel ul .middle-pic{padding:10px}}@media screen and (max-width:900px){#extra-curricular .contentful-different h2,#extra-curricular .contentful-different span{width:20vw;left:calc(50% - 20vw / 2)}#extra-curricular .contentful-different h2{top:13%;font-size:1rem;font-weight:400}#extra-curricular .contentful-different span{top:17.5%;font-size:1.3rem;letter-spacing:5px;font-weight:600}#extra-curricular .contentful-different .pictures .photo-carousel ul .middle-pic,#extra-curricular .contentful-different .pictures .photo-carousel ul li{height:50vh}#extra-curricular .contentful-different .pictures .photo-carousel ul .gallery-img-container .gallery-img{-o-object-fit:contain;object-fit:contain}}@media screen and (min-width:950px){#work .contentful{position:relative;display:flex;flex-direction:column;opacity:0;width:950px!important}#work .contentful h2{width:100%;flex-direction:row;justify-content:center;align-items:center;display:flex}#work .contentful h2:after{width:50%}#work .contentful .work-carousel{height:500px;width:100%}#work .contentful .work-carousel>ul,#work .contentful .work-carousel>ul>li{height:100%}#work .contentful .work-carousel>ul>li:before{content:none}#work .contentful .work-carousel>ul>li .work-all{height:100%;width:100%;display:flex}#work .contentful .work-carousel>ul>li .work-all>div{width:50%;position:relative;opacity:0;scale:.8}#work .contentful .work-carousel>ul>li .work-all .picture_container{border-radius:5px;overflow:hidden;height:300px;margin:auto 0;display:flex;justify-content:center;align-items:center}#work .contentful .work-carousel>ul>li .work-all .picture_container:before{border-radius:5px;position:absolute;content:"";z-index:2;height:100%;width:100%;background-color:var(--secondary-grey-one);mix-blend-mode:color;opacity:1;visibility:visible;transition:all .2s ease-out}#work .contentful .work-carousel>ul>li .work-all .picture_container:focus:before,#work .contentful .work-carousel>ul>li .work-all .picture_container:hover:before{opacity:0;visibility:hidden}#work .contentful .work-carousel>ul>li .work-all .stuff_container{display:flex;flex-direction:column;justify-content:center;padding:10px;min-height:250px;margin-top:auto;margin-bottom:auto;height:-moz-fit-content;height:fit-content;border-radius:5px;overflow:hidden;background-color:var(--primary-grey-one);box-shadow:0 0 20px -5px grey}#work .contentful .work-carousel>ul>li .work-all .stuff_container a:after{content:none}#work .contentful .work-carousel>ul>li .work-all .stuff_container>*{margin:5px 0}#work .contentful .work-carousel>ul>li .work-all .stuff_container ul{display:flex;padding:0}#work .contentful .work-carousel>ul>li .work-all .stuff_container ul li:before{content:none}#work .contentful .work-carousel>ul>li .work-all .stuff_container ul li:nth-child(n+2){margin-left:15px}#work .contentful .work-carousel>ul>li .work-all .stuff_container div{font-size:1.4rem;display:flex}#work .contentful .work-carousel>ul>li .work-all .stuff_container div>*{margin-right:10px}@keyframes fadeIn{0%{scale:.8;opacity:0}to{scale:1;opacity:1}}#work .contentful .work-carousel>ul>li.react-multi-carousel-item--active .picture_container{animation:fadeIn 1.2s ease .4s 1 normal forwards}#work .contentful .work-carousel>ul>li.react-multi-carousel-item--active .stuff_container{animation:fadeIn 1.2s ease .6s 1 normal forwards}#work .contentful .work-carousel>ul>li:nth-child(odd) .work-all{flex-direction:row}#work .contentful .work-carousel>ul>li:nth-child(odd) .work-all .stuff_container{margin-left:-20px}#work .contentful .work-carousel>ul>li:nth-child(2n) .work-all{flex-direction:row-reverse}#work .contentful .work-carousel>ul>li:nth-child(2n) .work-all .stuff_container{margin-right:-20px}#work .contentful>.work-btns{display:flex;justify-content:center;align-items:center;width:100%}#work .contentful>.work-btns button{cursor:pointer;margin:10px 20px;background:var(--secondary-grey-one);padding:10px;border:0 solid #000;border-radius:50%;box-shadow:0 0 15px -3px #fff;font-size:1.2rem;display:flex;justify-content:center;align-items:center;color:#000;transition:all .3s ease}#work .contentful>.work-btns button:disabled{background:var(--secondary-grey-two);box-shadow:0 0 15px -3px grey;cursor:not-allowed}}@media screen and (max-width:950px){#work .contentful{opacity:0;position:relative;display:flex;flex-direction:column;width:90vw}#work .contentful h2{width:100%;flex-direction:row;justify-content:center;align-items:center;display:flex}#work .contentful h2:after{width:50%}#work .contentful .work-carousel{height:70vh;width:100%}#work .contentful .work-carousel>ul,#work .contentful .work-carousel>ul>li{height:100%}#work .contentful .work-carousel>ul>li:before{content:none}#work .contentful .work-carousel>ul>li .work-all{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#work .contentful .work-carousel>ul>li .work-all>div{width:90%;position:relative;opacity:0;scale:.8}#work .contentful .work-carousel>ul>li .work-all .picture_container{border-radius:5px;overflow:hidden;height:50vw;margin:auto 0;display:flex;justify-content:center;align-items:center}#work .contentful .work-carousel>ul>li .work-all .stuff_container{display:flex;flex-direction:column;justify-content:center;padding:10px;min-height:250px;margin-top:auto;margin-bottom:auto;height:-moz-fit-content;height:fit-content;border-radius:5px;overflow:hidden;background-color:var(--primary-grey-one)}#work .contentful .work-carousel>ul>li .work-all .stuff_container a:after{content:none}#work .contentful .work-carousel>ul>li .work-all .stuff_container>*{margin:5px 0}#work .contentful .work-carousel>ul>li .work-all .stuff_container ul{display:flex;padding:0}#work .contentful .work-carousel>ul>li .work-all .stuff_container ul li:before{content:none}#work .contentful .work-carousel>ul>li .work-all .stuff_container ul li:nth-child(n+2){margin-left:15px}#work .contentful .work-carousel>ul>li .work-all .stuff_container div{font-size:1.4rem;display:flex}#work .contentful .work-carousel>ul>li .work-all .stuff_container div>*{margin-right:10px}@keyframes fadeIn{0%{scale:.8;opacity:0}to{scale:1;opacity:1}}#work .contentful .work-carousel>ul>li.react-multi-carousel-item--active .picture_container{animation:fadeIn 1.2s ease .4s 1 normal forwards}#work .contentful .work-carousel>ul>li.react-multi-carousel-item--active .stuff_container{animation:fadeIn 1.2s ease .6s 1 normal forwards}#work .contentful>.work-btns{display:flex;justify-content:center;align-items:center;width:100%}#work .contentful>.work-btns button{cursor:pointer;margin:10px 20px;background:var(--secondary-grey-one);padding:10px;border:0 solid #000;border-radius:50%;box-shadow:0 0 15px -3px #fff;font-size:1.2rem;display:flex;justify-content:center;align-items:center;color:#000;transition:all .3s ease}#work .contentful>.work-btns button:disabled{background:var(--secondary-grey-two);box-shadow:0 0 15px -3px grey;cursor:not-allowed}}