@import"https://fonts.googleapis.com/css2?family=Stick+No+Bills:wght@300;500;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=Domine:wght@700&display=swap";body{width:100%;overflow-x:hidden;margin:0;padding:0;box-sizing:border-box;background-color:#131313;scroll-behavior:smooth}body::-webkit-scrollbar{width:20px}body::-webkit-scrollbar-track{background-color:transparent}body::-webkit-scrollbar-thumb{background-color:#bbe7f0;border-radius:20px;border:6px solid transparent;background-clip:content-box}body::-webkit-scrollbar-thumb:hover{background-color:#d6dee1}*{cursor:none}@media (max-width: 800px){*{cursor:auto}}.home_section-1{width:100%;height:100vh;background-color:transparent;display:flex;justify-content:center;align-items:center;flex-direction:column}.home_section-1 .middle{width:80%;height:80%;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px dotted black}.home_section-1 .middle .div{width:100%;height:70%}.home_section-1 .middle .div .canvas-home{width:100%;height:100%}.home_section-1 .middle .txt{width:100%;height:30%;display:flex;flex-direction:column;justify-content:space-evenly}.home_section-1 .middle .txt h1{font-family:Domine,serif;font-weight:700;margin:0;text-align:center;color:#fff}@media (max-width: 400px){.home_section-1 .middle .txt h1{font-size:1.3rem}}.home_section-1 .middle .txt button{width:100px;height:30px;margin:2em auto;animation-name:buttonAnimation;animation-duration:10s;animation-iteration-count:infinite;background-color:transparent;border:1px solid red;border-radius:10px;color:#fff;cursor:pointer;transform:translate(-100px)}@media (max-width: 620px){.home_section-1 .middle .txt button{animation-duration:0s;transform:translate(0)}}@keyframes buttonAnimation{50%{transform:translate(100px)}to{transform:translate(-100px)}}.home_section-2{width:100%;height:100vh;background-color:#fff}.section_normal-1{width:100%;height:100vh}.section_normal-1 .canvas_sphere_animation{width:100%;height:100%}.section_normal-1 .hello_div{background-color:transparent;position:absolute;top:0;left:0;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;text-align:center}.section_normal-1 .hello_div h1{margin:0;color:#c75146;z-index:1;font-family:Stick No Bills,sans-serif;font-weight:800;font-size:5rem}@media (max-width: 600px){.section_normal-1 .hello_div h1{font-size:4rem;transform:translateY(2em)}}.anim{width:100vw;height:100vh;background-color:#000}.section_normal-2{width:100%;min-height:120vh;background-color:transparent;text-align:center;font-family:Stick No Bills,sans-serif;font-weight:500;font-size:1.5rem;overflow:hidden}@media (max-height: 700px){.section_normal-2{min-height:140vh}}.section_normal-2 .introduce{margin:0 auto;width:fit-content;padding:.5em;background-image:url(https://momentslikethis.de/wp-content/uploads/2013/01/shl.png);background-position:center top;background-size:auto;background-repeat:repeat;background-attachment:fixed}@media (max-width: 520px){.section_normal-2 .introduce{font-size:1.5rem;width:fit-content;display:flex;justify-content:center;align-items:center;flex-direction:column}}.section_normal-2 .introduce h2{margin:0;border-top-right-radius:10px;border-bottom-left-radius:10px;transition:all 1s}@media (max-width: 520px){.section_normal-2 .introduce h2{font-size:1.5rem;width:fit-content}}@media (max-width: 340px){.section_normal-2 .introduce h2{font-size:1.2rem}}.section_normal-2 .introduce h2:after,.section_normal-2 .introduce h2:before{content:" ";width:10px;height:10px;position:absolute;border:0px solid #fff;transition:all 1s}.section_normal-2 .introduce h2:after{top:-1px;left:-1px;border-top:5px solid black;border-left:5px solid black}.section_normal-2 .introduce h2:before{bottom:-1px;right:-1px;border-bottom:5px solid black;border-right:5px solid black}.section_normal-2 .introduce h2:hover{border-top-right-radius:0;border-bottom-left-radius:0}.section_normal-2 .introduce h2:hover:before,.section_normal-2 .introduce h2:hover:after{width:100%;height:100%}.section_normal-3{width:100%;min-height:100vh;height:fit-content;margin-top:200px}.section_normal-3 .about_box{width:100%;height:10rem}.section_normal-3 .about_box h2{margin:0;width:fit-content;color:#fff}.section_normal-3 .about_container{width:100%;height:max-content;min-height:100vh;display:flex}@media (max-width: 1100px){.section_normal-3 .about_container{flex-direction:column}.section_normal-3 .about_container hr{width:80%}}.section_normal-3 .about_container .about_text{width:50%;height:40rem;font-family:Open Sans,sans-serif;font-weight:400;overflow:hidden}@media (max-width: 1100px){.section_normal-3 .about_container .about_text{width:100%}}.section_normal-3 .about_container .about_text p{color:#fff;padding:10px 10px 10px 20px;white-space:pre-wrap;transform:translate(-100px);width:80%}@media (max-width: 730px){.section_normal-3 .about_container .about_text p{width:90%;margin:0 auto}}@media (max-width: 430px){.section_normal-3 .about_container .about_text p{margin-left:2em}}.section_normal-3 .about_container .about_animation{width:50%;height:40rem;overflow:hidden}@media (max-width: 1100px){.section_normal-3 .about_container .about_animation{width:100%}}.section_normal-3 .about_container .about_animation .cubeSpinner{animation-name:spincube;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:12s;transform-style:preserve-3d;transform-origin:100px 100px 0;margin-left:calc(50% - 100px);margin-top:10em}.section_normal-3 .about_container .about_animation .cubeSpinner div{position:absolute;width:200px;height:200px;border:1px solid #ccc;background:rgba(255,255,255,.4);text-align:center;font-size:100px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #ffffe0}.section_normal-3 .about_container .about_animation .cubeSpinner .face1{transform:translateZ(100px);color:#dd0031}.section_normal-3 .about_container .about_animation .cubeSpinner .face2{transform:rotateY(90deg) translateZ(100px);color:#f06529}.section_normal-3 .about_container .about_animation .cubeSpinner .face3{transform:rotateY(90deg) rotateX(90deg) translateZ(100px);color:#28a4d9}.section_normal-3 .about_container .about_animation .cubeSpinner .face4{transform:rotateY(180deg) rotate(90deg) translateZ(100px);color:#5ed4f4}.section_normal-3 .about_container .about_animation .cubeSpinner .face5{transform:rotateY(-90deg) rotate(90deg) translateZ(100px);color:#efd81d}.section_normal-3 .about_container .about_animation .cubeSpinner .face6{transform:rotateX(-90deg) translateZ(100px);color:#ec4d28}@keyframes spincube{0%,to{transform:rotateX(0) rotateY(0) rotate(0)}16%{transform:rotateY(-90deg) rotate(90deg)}33%{transform:rotateY(-90deg) rotateX(90deg)}50%{transform:rotateY(-180deg) rotate(90deg)}66%{transform:rotateY(-270deg) rotateX(90deg)}83%{transform:rotateX(90deg)}}.section_normal-4{width:fit-content;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:row;overflow:hidden}@media (max-width: 950px){.section_normal-4{display:none}}.section_normal-4 .image_container{width:100vw;height:100%;overflow:hidden;color:#fff;text-align:center}.section_normal-4 .image_container img{width:100%;height:100%;object-fit:cover}.section_normal-5{width:100%;min-height:100vh;height:fit-content;margin-top:200px}.section_normal-5 .skills_title_box{width:100%;height:10rem}.section_normal-5 .skills_title_box h2{margin:0;width:fit-content;color:#fff}@media (max-width: 420px){.section_normal-5 .skills_title_box h2{transform:translate(-7rem)}}.section_normal-5 .skills_container{width:100%;height:max-content;min-height:100vh;display:flex;flex-direction:column}.section_normal-5 .skills_container .skills_text_start{width:100%;height:7rem;text-align:center}.section_normal-5 .skills_container .skills_text_start p{font-family:Open Sans,sans-serif;font-weight:400;font-size:1.5rem;color:#fff}.section_normal-5 .skills_container .skills_text_middle{width:100%;min-height:20rem}.section_normal-5 .skills_container .skills_text_middle ul{display:flex;list-style-type:none;flex-wrap:wrap;position:relative}.section_normal-5 .skills_container .skills_text_middle ul li{text-decoration:none;width:8rem;height:50px;margin:1em;display:flex;justify-content:center;align-items:center;flex-direction:row;overflow:hidden;border-radius:15px}.section_normal-5 .skills_container .skills_text_middle ul li div{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;text-align:center}.section_normal-5 .skills_container .skills_text_middle ul li svg{height:40px}.section_normal-5 .skills_container .skills_text_middle ul li:hover{transform:scale(1.3);transition:.7s}.section_normal-6{width:100%;min-height:100vh;background-color:#fff;display:flex;flex-direction:column}.section_normal-6 .work_title_box{width:100%;height:10rem;background-color:red}.section_normal-6 .work_title_box h2{margin:0;width:fit-content;color:#fff}@media (max-width: 420px){.section_normal-6 .work_title_box h2{transform:translate(-7rem)}}.section_normal-6 .work_features{width:100%;height:35rem;background-color:#ff4500}.section_normal-6 .work_features .slide-container{width:100%;height:100%}.section_normal-6 .work_features .slide-container .slideShow{width:100px;height:100px;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.section_normal-6 .work_features .slide-container .slideShow .each-slide,.section_normal-6 .work_features .slide-container .slideShow .each-slide div{width:100%;height:100%}.cursor-dot,.cursor-dot-outline{pointer-events:none;position:absolute;top:50%;left:50px;transform:translate(-50%,-50%);border-radius:50%;opacity:1;transition:opacity .3s ease-in-out,transform .3s ease-in-out}@media (max-width: 800px){.cursor-dot,.cursor-dot-outline{display:none}}.cursor-dot{width:8px;height:8px;background-color:#dc5656;z-index:100}.cursor-dot-outline{width:40px;height:40px;background-color:#e5808080}header{width:100%;height:5rem;display:flex;overflow:hidden;background-color:#131313cc;box-shadow:#00000059 0 -20px 36px -36px inset;position:fixed;z-index:9999}@media (max-width: 600px){header{height:11rem;position:sticky;top:0}}header nav{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}@media (max-width: 600px){header nav{flex-direction:column-reverse}}header nav .icon{width:100px;height:100px;display:flex;justify-content:center;align-items:center;flex-direction:row;cursor:pointer}header nav .icon img{width:80%;height:80%}@media (max-width: 600px){header nav .icon{width:60px;height:60px}}header nav .logo{width:100px;height:100px;display:flex;justify-content:center;align-items:center;flex-direction:row}@media (max-width: 600px){header nav .logo{display:none}}header nav .logo svg{cursor:not-allowed;transition:all .7s}header nav .logo svg:hover{transform:rotate(360deg);transition:.7s}header nav .main_ul{width:300px;height:100px;display:flex;justify-content:center;flex-direction:column;align-items:center}@media (max-width: 600px){header nav .main_ul{height:80px;width:90%}}header nav .main_ul .div{width:100%;height:50%;display:flex;justify-content:center;align-items:center;flex-direction:row;justify-content:space-evenly;font-size:1.3rem;list-style-type:none;font-family:Open Sans,sans-serif;font-weight:400}@media (max-width: 600px){header nav .main_ul .div{justify-content:space-around;transform:translate(-1em)}}header nav .main_ul .div .txt{cursor:pointer;color:#0ea80eda;transition:.7s}header nav .main_ul .div .txt:hover{transform:scale(1.2);transition:.7s;color:#fff;text-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 100px #03e9f4;z-index:1}header nav .main_ul .share-icons{list-style-type:none;position:relative;display:flex;box-shadow:inset 0 -6px 10px -8px #0000004d,inset 0 6px 10px -8px #0000004d;cursor:pointer;background-color:transparent}@media (max-width: 600px){header nav .main_ul .share-icons{height:40px}}header nav .main_ul .share-icons__block{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateZ(0);transition:transform .3s,filter .2s;transition-timing-function:ease-in-out}header nav .main_ul .share-icons__block-left,header nav .main_ul .share-icons__block-right{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#131313;transition:.6s}header nav .main_ul .share-icons__block-left{clip-path:inset(0 50% 0 0)}header nav .main_ul .share-icons__block-right{clip-path:inset(0 0 0 50%)}header nav .main_ul .share-icons__item{padding:.75rem}header nav .main_ul .share-icons:hover .share-icons__block{filter:drop-shadow(0 0 8px rgba(0,0,0,.3))}header nav .main_ul .share-icons:hover .share-icons__block-left{transform:translate(-50%) scale(1.2)}header nav .main_ul .share-icons:hover .share-icons__block-right{transform:translate(50%) scale(1.2)}header nav .main_ul .share-icons:hover .share-icons__item{animation-name:zIndex;animation-duration:5s;animation-fill-mode:forwards}@keyframes zIndex{0%{z-index:0}to{z-index:10}}footer{width:100%;height:fit-content;overflow:hidden}footer .upper{width:100%;height:10rem;display:flex;justify-content:space-between}@media (max-width: 920px){footer .upper{flex-direction:column;height:17rem;justify-content:center;align-items:center}footer .upper .one{width:80%}}@media (max-width: 460px){footer .upper{height:max-content}}footer .upper .left{width:50%;height:100%;display:flex;align-items:center}@media (max-width: 920px){footer .upper .left{justify-content:space-around;width:100%;padding:20px}}@media (max-width: 460px){footer .upper .left{height:max-content}}footer .upper .left .logo{width:100px;height:100px;margin-left:2em}@media (max-width: 460px){footer .upper .left .logo{display:none}}footer .upper .left .info{width:50%;min-width:fit-content;height:100%;display:flex;align-items:center;justify-content:center}footer .upper .left .info fieldset legend{color:#fc6}footer .upper .left .info fieldset address p{margin:0;color:#4d4b4b}footer .upper .left .info fieldset address p span{color:#807f7f;font-size:1.2rem}footer .upper .left .info fieldset address p a{text-decoration:dotted;color:#4d4b4b}footer .upper .right{display:flex;width:fit-content;height:100%}@media (max-width: 920px){footer .upper .right{justify-content:space-evenly;width:100%}}@media (max-width: 460px){footer .upper .right{justify-content:space-evenly;width:100%;flex-wrap:wrap;height:max-content}}footer .upper .right .button-block{width:fit-content}footer .upper .right .button-block .social{display:inline-block;margin:30px;cursor:pointer}footer .upper .right .button-block .social a{display:block;background:rgb(0,0,0);padding:20px;position:relative;transform:perspective(1000px) rotate(-30deg) skew(25deg) translate(0);box-shadow:-20px 20px 10px #00000080;transition:all .5s ease-in-out}footer .upper .right .button-block .social a:before{content:"";position:absolute;width:20px;height:100%;left:-20px;top:10px;background:rgba(0,0,0,.7);transform:rotate(0) skewY(-45deg)}footer .upper .right .button-block .social a:after{content:"";position:absolute;bottom:-20px;left:-10px;height:20px;width:100%;transform:rotate(0) skew(-45deg);background:rgba(0,0,0,.7);transform:rotate(45deg) scewY(-45deg)}footer .upper .right .button-block .social a:hover{transform:perspective(1000px) rotate(-30deg) skew(25deg) translate(20px,-20px);box-shadow:-50px 50px 30px #00000080}footer .upper .right .button-block .social a i{color:#fff;font-size:30pt}footer .down{width:100%;height:5rem;display:flex;justify-content:space-around;align-items:center}footer .down p{font-family:Open Sans,sans-serif;font-weight:400;margin:0;color:#fff}@media (max-width: 460px){footer .down p{text-align:center}}footer .down button{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;background:transparent;padding:0;font-size:inherit;font-family:inherit}footer .down button.learn-more{width:12rem;height:auto}footer .down button.learn-more .circle{transition:all .45s cubic-bezier(.65,0,.076,1);position:relative;display:block;margin:0;width:3rem;height:3rem;background:#282936;border-radius:1.625rem}footer .down button.learn-more .circle .icon{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;bottom:0;margin:auto;background:#fff}footer .down button.learn-more .circle .icon.arrow{transition:all .45s cubic-bezier(.65,0,.076,1);left:.625rem;width:1.125rem;height:.125rem;background:none}footer .down button.learn-more .circle .icon.arrow:before{position:absolute;content:"";top:-.25rem;right:.0625rem;width:.625rem;height:.625rem;border-top:.125rem solid #fff;border-right:.125rem solid #fff;transform:rotate(45deg)}footer .down button.learn-more .button-text{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 1.85rem;color:#282936;font-weight:700;line-height:1.6;text-align:center;text-transform:uppercase}footer .down button:hover .circle{width:100%}footer .down button:hover .circle .icon.arrow{background:#fff;transform:translate(1rem)}footer .down button:hover .button-text{color:#fff}@supports (display: grid){footer .down body{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.625rem;grid-template-areas:". main main ." ". main main ."}footer .down #container{grid-area:main;align-self:center;justify-self:center}}.contact_section{width:100%;min-height:120vh;height:max-content;display:flex;justify-content:center;align-items:center;flex-direction:column}.contact_section .contact_title{width:80%;height:5rem;display:flex;justify-content:center;align-items:center;flex-direction:row;font-family:Stick No Bills,sans-serif;font-weight:800;font-size:3rem;margin-top:2em;color:#292929}@media (max-width: 600px){.contact_section .contact_title{margin-top:5em}}.contact_section .contact_interface{margin-top:5em;margin-bottom:2em;width:80%;height:37rem;display:flex;justify-content:center;align-items:center;flex-direction:row;background-color:#292929;border-radius:15px}.contact_section .contact_interface hr{height:80%}@media (max-width: 920px){.contact_section .contact_interface hr{width:80%}}@media (max-width: 400px){.contact_section .contact_interface hr{height:max-content}}@media (max-width: 920px){.contact_section .contact_interface{flex-direction:column-reverse;height:max-content}}@media (max-width: 420px){.contact_section .contact_interface{width:100%}}.contact_section .contact_interface .left{width:49%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}@media (max-width: 920px){.contact_section .contact_interface .left{width:100%;height:35rem}}@media (max-width: 400px){.contact_section .contact_interface .left{height:max-content}}.contact_section .contact_interface .left .txt{width:90%;height:25%;font-family:Open Sans,sans-serif;font-weight:400;color:#9b9b9b;text-align:center;margin-top:2em}@media (max-width: 400px){.contact_section .contact_interface .left .txt{height:max-content}}.contact_section .contact_interface .left .forms{width:90%;height:75%}.contact_section .contact_interface .left .forms form{width:100%;height:100%;display:flex;flex-direction:column}.contact_section .contact_interface .left .forms form .form__group{position:relative;padding:10px 0 0;margin-top:10px;width:70%}@media (max-width: 600px){.contact_section .contact_interface .left .forms form .form__group{width:90%}}.contact_section .contact_interface .left .forms form .form__field{font-family:inherit;width:100%;border:0;border-bottom:2px solid #9b9b9b;outline:0;font-size:1.3rem;color:#fff;padding:7px 0;background:transparent;transition:border-color .2s}@media (max-width: 370px){.contact_section .contact_interface .left .forms form .form__field{font-size:1.1rem}}.contact_section .contact_interface .left .forms form .form__field::placeholder{color:transparent}.contact_section .contact_interface .left .forms form .form__field:placeholder-shown~.form__label{font-size:1.3rem;cursor:text;top:20px}@media (max-width: 370px){.contact_section .contact_interface .left .forms form .form__field:placeholder-shown~.form__label{font-size:1.1rem}}.contact_section .contact_interface .left .forms form .form__label{position:absolute;top:0;display:block;transition:.2s;font-size:1rem;color:#9b9b9b}.contact_section .contact_interface .left .forms form .form__field:focus{padding-bottom:6px;font-weight:700;border-width:3px;border-image:linear-gradient(to right,#11998e,#38ef7d);border-image-slice:1}.contact_section .contact_interface .left .forms form .form__field:focus~.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:1rem;color:#11998e;font-weight:700}.contact_section .contact_interface .left .forms form .form__field:required,.contact_section .contact_interface .left .forms form .form__field:invalid{box-shadow:none}.contact_section .contact_interface .left .forms form textarea{width:66.5%;height:100px;resize:none;margin-top:15px;outline:none;border:1px solid #888;border-radius:15px;padding:10px;font-family:Open Sans,sans-serif;font-weight:400;font-size:1.1rem;background-color:#000;color:#fff}@media (max-width: 600px){.contact_section .contact_interface .left .forms form textarea{width:90%}}.contact_section .contact_interface .left .forms form button{width:200px;height:50px;text-decoration:none;border:1px solid rgb(146,148,248);position:relative;overflow:hidden;background:none;margin-top:2em;align-self:center;color:#9b9b9b}@media (max-width: 1200px){.contact_section .contact_interface .left .forms form button{width:150px}}@media (max-width: 600px){.contact_section .contact_interface .left .forms form button{width:250px}}@media (max-width: 400px){.contact_section .contact_interface .left .forms form button{margin-bottom:20px}}@media (max-width: 370px){.contact_section .contact_interface .left .forms form button{width:200px}}.contact_section .contact_interface .left .forms form button:hover{box-shadow:1px 1px 25px 10px #9294f866}.contact_section .contact_interface .left .forms form button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(146,148,248,.4),transparent);transition:all .65s}.contact_section .contact_interface .left .forms form button:hover:before{left:100%}.contact_section .contact_interface .left .forms form .status{margin:0 auto;padding:1em}.contact_section .contact_interface .right{width:49%;height:100%;display:flex;flex-direction:column;align-items:center}@media (max-width: 920px){.contact_section .contact_interface .right{width:100%;height:35rem}}.contact_section .contact_interface .right .contact_title_txt{width:90%;height:5rem;text-align:center}.contact_section .contact_interface .right .contact_title_txt h2{font-family:Open Sans,sans-serif;font-weight:400;font-size:1.5rem;color:#9b9b9b}.contact_section .contact_interface .right .address{width:90%;min-height:5rem;height:max-content;margin-top:2em;display:flex}.contact_section .contact_interface .right .address .address_icon{width:30px;height:30px}.contact_section .contact_interface .right .address .address_icon svg{width:80%;height:80%}.contact_section .contact_interface .right .address .address_info{width:200px;height:max-content;font-family:Open Sans,sans-serif;font-weight:400;font-size:1.1rem;margin-left:1em;color:#9b9b9b}.contact_section .contact_interface .right .mail{width:90%;min-height:5rem;margin-top:2em;display:flex}.contact_section .contact_interface .right .mail svg{width:30px;height:30px}.contact_section .contact_interface .right .mail a{height:fit-content;margin-left:1em;text-decoration:none;color:#000;font-family:Open Sans,sans-serif;font-weight:400;color:#9b9b9b}.contact_section .contact_interface .right .map_container{width:90%;height:10rem;background-color:red;margin-top:2em;border-radius:15px;overflow:hidden;border:1px solid #888}.loader_section{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#030303}.loader_section svg{display:none}.loader_section .blobs{filter:url(#goo);width:300px;height:300px;position:relative;overflow:hidden;border-radius:70px;transform-style:preserve-3d}.loader_section .blobs .blob-center{transform-style:preserve-3d;position:absolute;background:#0b0986;top:50%;left:50%;width:30px;height:30px;transform-origin:left top;transform:scale(.9) translate(-50%,-50%);animation:blob-grow linear 3.4s infinite;border-radius:50%;box-shadow:0 -10px 40px -5px #0b0986}.loader_section .blob{position:absolute;background:#0b0986;top:50%;left:50%;width:30px;height:30px;border-radius:50%;animation:blobs ease-out 3.4s infinite;transform:scale(.9) translate(-50%,-50%);transform-origin:center top;opacity:0}.loader_section .blob:nth-child(1){animation-delay:.2s}.loader_section .blob:nth-child(2){animation-delay:.4s}.loader_section .blob:nth-child(3){animation-delay:.6s}.loader_section .blob:nth-child(4){animation-delay:.8s}.loader_section .blob:nth-child(5){animation-delay:1s}@keyframes blobs{0%{opacity:0;transform:scale(0) translate(calc(-330px - 50%),-50%)}1%{opacity:1}35%,65%{opacity:1;transform:scale(.9) translate(-50%,-50%)}99%{opacity:1}to{opacity:0;transform:scale(0) translate(calc(330px - 50%),-50%)}}@keyframes blob-grow{0%,39%{transform:scale(0) translate(-50%,-50%)}40%,42%{transform:scaleY(.9) translate(-50%,-50%)}43%,44%{transform:scale(1.2,1.1) translate(-50%,-50%)}45%,46%{transform:scale(1.3,1.2) translate(-50%,-50%)}47%,48%{transform:scale(1.4,1.3) translate(-50%,-50%)}52%{transform:scale(1.5,1.4) translate(-50%,-50%)}54%{transform:scale(1.7,1.6) translate(-50%,-50%)}58%{transform:scale(1.8,1.7) translate(-50%,-50%)}68%,70%{transform:scale(1.7,1.5) translate(-50%,-50%)}78%{transform:scale(1.6,1.4) translate(-50%,-50%)}80%,81%{transform:scale(1.5,1.4) translate(-50%,-50%)}82%,83%{transform:scale(1.4,1.3) translate(-50%,-50%)}84%,85%{transform:scale(1.3,1.2) translate(-50%,-50%)}86%,87%{transform:scale(1.2,1.1) translate(-50%,-50%)}90%,91%{transform:scaleY(.9) translate(-50%,-50%)}92%,to{transform:scale(0) translate(-50%,-50%)}}.project_section-1{width:100%;height:70vh;display:flex}@media (max-width: 450px){.project_section-1{flex-direction:column;min-height:50vh;height:max-content}}.project_section-1 .left{width:50%;height:100%;display:flex;flex-direction:column;align-items:center}@media (max-width: 450px){.project_section-1 .left{width:100%;height:50%}}.project_section-1 .left hr{width:80%;margin-top:1em}.project_section-1 .left h1{margin:2em 0 0;width:80%;font-family:Stick No Bills,sans-serif;font-weight:800;font-size:3rem;color:#fff}.project_section-1 .left p{margin:2em 0 0;width:80%;font-family:Open Sans,sans-serif;font-weight:400;text-align:justify;color:#9b9b9b}.project_section-1 .right{width:50%;height:100%;display:flex;align-items:center;justify-content:end}@media (max-width: 450px){.project_section-1 .right{width:100%;justify-content:center;margin-top:2em}}.project_section-1 .right svg{width:150px;height:150px;margin-right:3em;cursor:pointer}@media (max-width: 450px){.project_section-1 .right svg{margin-right:0}}.project_section-2{width:100%;min-height:100vh;height:max-content;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;margin-top:50px}.project_section-2 .project_container{width:93%;min-height:20rem;height:max-content;display:flex;margin:.1em;background-color:#1a1a1a}@media (max-width: 760px){.project_section-2 .project_container{flex-direction:column;align-items:center}}.project_section-2 .project_container .left{width:50%;min-height:30rem;height:max-content;display:flex;flex-direction:column;justify-content:space-evenly;transform:translate(-5%)}@media (max-width: 760px){.project_section-2 .project_container .left{width:100%;text-align:center;align-items:center}}.project_section-2 .project_container .left h2{margin-left:20px!important;margin:0;font-family:Domine,serif;font-weight:700;font-size:2.5rem;padding-bottom:.7em;padding-top:.5em;color:#fff}.project_section-2 .project_container .left p{margin-left:20px!important;margin:0;font-family:Open Sans,sans-serif;font-weight:400;font-size:1.3rem;padding-bottom:1em;width:95%;color:#9b9b9b}.project_section-2 .project_container .left button{margin-left:20px!important;width:150px;height:40px;background:none;border-radius:5px;margin-bottom:2em;cursor:pointer;border:1px solid red;color:#fff}.project_section-2 .project_container .left a{margin-left:20px!important;width:150px;height:40px;background:none;border-radius:5px;margin-bottom:2em;cursor:pointer;border:1px solid red;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:row;text-decoration:none}.project_section-2 .project_container .right{width:50%;height:30rem;transform:translateY(-2em);cursor:zoom-in;overflow:hidden;transition:.7s}@media (max-width: 600px){.project_section-2 .project_container .right{width:70%;transform:translateY(0);margin-bottom:2em}}@media (max-width: 480px){.project_section-2 .project_container .right{height:15rem}}.project_section-2 .project_container .right img{width:100%;height:100%;object-fit:cover;object-position:top}.project_section-2 .project_container .right img:hover{transform:scale(1.2);transition:.7s}.project_section-2 .project_container hr{width:80%}.game_section{width:100%;height:max-content;min-height:400px;display:flex;overflow-x:scroll;align-items:center;padding:50px 0}.game_section::-webkit-scrollbar{width:20px}.game_section::-webkit-scrollbar-track{background-color:transparent}.game_section::-webkit-scrollbar-thumb{background-color:#bbe7f0;border-radius:20px;border:6px solid transparent;background-clip:content-box}.game_section::-webkit-scrollbar-thumb:hover{background-color:#d6dee1}.game_section .box{width:250px;min-width:250px;height:350px;min-height:350px;margin-left:3em;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:row;transform:perspective(900px) rotateX(60deg) scale(.7);box-shadow:0 20px 100px #555;transition:.5s ease all}.game_section .box:hover{transform:rotate(0) scale(1) translateY(10px)}@media (max-width: 800px){.game_section .box{transform:perspective(3000px) rotateY(5deg);transform:rotate3d(.5,-.866,0,15deg) rotate(1deg);box-shadow:2em 4em 6em -2em #00000080,1em 2em 3.5em -2.5em #00000080;transition:transform .4s ease,box-shadow .4s ease;border-radius:.5em}.game_section .box:hover{transform:rotate3d(0,0,0,0) rotate(0)}}.game_section .box p{text-align:center;position:absolute;margin:0;font-family:Domine,serif;font-weight:700;word-wrap:break-word;text-decoration:none;color:#fff;width:100%;height:max-content;background-color:#00000094}.game_section .box .image{width:100%;height:100%}.game_section .box .image img{width:100%;height:100%;object-fit:cover;object-position:center}