@font-face{font-family:BenchNine;src:url(/fonts/BenchNine/BenchNine-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:BenchNine;src:url(/fonts/BenchNine/BenchNine-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:BenchNine;src:url(/fonts/BenchNine/BenchNine-Light.ttf) format("truetype");font-weight:lighter;font-style:normal}*{margin:0;padding:0;border:0;box-sizing:border-box;vertical-align:baseline;font-family:BenchNine,sans-serif}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{min-height:100vh;background:#fff;display:flex;flex-direction:column;font-family:BenchNine,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;padding-bottom:5vh;text-underline-color:rgb(65,105,225)}.center{display:flex;justify-content:center;align-items:center}.space-between{justify-content:space-between}.space-around{justify-content:space-around}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.highlight{background:#4169e133;transition:background .3s ease-in-out}.menu{border-top:solid 0 transparent;background:transparent;cursor:pointer;display:flex;padding:0;pointer-events:auto;transition:all .3s ease-in-out}.blue{border-top:solid 1px rgb(166,185,221);border-radius:6px;background:#fff;transition:all .1s ease-in-out}.line-blue{stroke:#4169e1;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1),stroke .3s ease-in-out}.invisible{opacity:0}.opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}.opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:6}.opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}.nav{position:fixed;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;height:80vh;width:100vw;z-index:2;pointer-events:none}.nav .contents{width:100%;display:flex;flex-direction:row}.nav .contents .row{min-height:100px;height:10vh;min-width:200px;width:15vw;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;list-style-type:none;z-index:3}.nav .contents .title{font-size:30px}.nav .contents .title.blue{opacity:0}.nav .contents .list{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:35vw;min-width:200px;max-width:400px;height:100vh;background:#4169e1bf;font-size:xx-large;color:#000;display:flex;position:fixed;top:0;left:0;flex-direction:column;justify-content:center;align-items:center;transition:left .1s ease-in-out;padding:20px 0}.nav .contents .list li,.nav .contents .list ul{width:auto;text-decoration:none;list-style:none}.nav .contents .list li a,.nav .contents .list ul a{margin:20px;font-size:inherit;transition:all 1s ease-in-out}.nav .contents .list li a:hover,.nav .contents .list ul a:hover{padding-left:10pt;text-decoration:underline;transition:all .1s ease-in-out}.nav .contents .list-anim{position:fixed;top:0;left:-50vw;transition:left .1s ease-in-out;padding:0}.nav .contents .social-icons{display:flex;justify-self:left;flex-direction:row}.nav .social-icons{width:100%;display:flex;justify-content:flex-end;flex-direction:row;padding:0 5%}.nav a{display:flex;flex-direction:row;justify-content:space-around;align-items:center;color:#fff;text-decoration:none;pointer-events:auto}.nav .blue-img{opacity:0}.nav img{max-height:30px;pointer-events:auto}.nav #burger{cursor:pointer;fill:#fff;stroke:#000000bf;stroke-width:.5px;pointer-events:auto}.nav #burger #burger-1{transform-origin:50% 22.5%}.nav #burger #burger-2{transform-origin:50% 50%}.nav #burger #burger-3{transform-origin:50% 77.5%}.nav .burgerClicked #burger-1{-webkit-animation:burgerIn1 .3s ease-in-out forwards;animation:burgerIn1 .3s ease-in-out forwards}.nav .burgerClicked #burger-2{-webkit-animation:burgerIn2 .3s ease-in-out forwards;animation:burgerIn2 .3s ease-in-out forwards}.nav .burgerClicked #burger-3{-webkit-animation:burgerIn3 .3s ease-in-out forwards;animation:burgerIn3 .3s ease-in-out forwards}@-webkit-keyframes burgerIn1{0%{transform:translate(0)}75%{transform:translateY(20px) rotate(0)}to{transform:translateY(20px) rotate(45deg)}}@keyframes burgerIn1{0%{transform:translate(0)}75%{transform:translateY(20px) rotate(0)}to{transform:translateY(20px) rotate(45deg)}}@-webkit-keyframes burgerIn2{0%{transform:translate(0)}75%{transform:translate(0) rotate(0)}to{transform:translate(0) rotate(-45deg)}}@keyframes burgerIn2{0%{transform:translate(0)}75%{transform:translate(0) rotate(0)}to{transform:translate(0) rotate(-45deg)}}@-webkit-keyframes burgerIn3{0%{transform:translate(0)}75%{transform:translateY(-20px) rotate(0)}to{transform:translateY(-20px) rotate(-45deg)}}@keyframes burgerIn3{0%{transform:translate(0)}75%{transform:translateY(-20px) rotate(0)}to{transform:translateY(-20px) rotate(-45deg)}}.sub{min-height:720px;height:95vh;position:relative;overflow-x:hidden;overflow-y:hidden}.sub .dim-top-left{position:absolute;width:100vw;height:100vh;background:linear-gradient(135deg,#41393dcc,#00000040 30%,#e3a5c400 50%);z-index:-1}.sub .dim-top-right{position:absolute;width:100vw;height:100vh;background:linear-gradient(225deg,#41393d80,#0000001a 30%,#e3a5c400 50%);z-index:-1}.sub .wrapper{position:absolute;left:50%;top:0;-webkit-transform-origin:top center;-webkit-transform:translate(-50%,0);z-index:-2;height:105vh;width:100vw;overflow:hidden}.sub .wrapper img{width:100%;height:100%;object-fit:cover;object-position:center}.sub .mask,.sub .mask-anim{position:absolute;inset:0 0 0 50%;-webkit-transform-origin:top center;-webkit-transform:translate(-50%,0);display:flex;flex-direction:row;min-height:720px;height:95vh;z-index:0}.sub .mask,.sub .mask-anim{height:101%}.sub .mask-anim{animation:mask-anim 8s alternate-reverse infinite ease-in-out}@-webkit-keyframes mask-anim{0%{-webkit-transform:translate(-49.5%,0)}to{-webkit-transform:translate(-50.5%,0)}}@keyframes mask-anim{0%{-webkit-transform:translate(-49.5%,0)}to{-webkit-transform:translate(-50.5%,0)}}.sub .contents{display:flex;flex-direction:row;justify-content:center;position:absolute;left:30%;bottom:15%;-webkit-transform:translateX(-50%);min-width:720px;width:100%}.sub .contents #marcin{min-height:500px;height:70vh;position:relative;z-index:1}.sub .contents #title{position:absolute;top:calc(30% - 60px);left:80%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding-left:2%;width:45%;z-index:3;font-size:1.6rem;font-weight:700}.sub .contents #title .logo-mask{position:absolute;top:-50%;left:0;width:75%;height:100%;background:#00000080;z-index:2;pointer-events:none}.sub .contents #title #container{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%}.sub .contents #title #text{margin:0;font-size:15vw;color:#fff;line-height:1.2;word-wrap:break-word;max-width:100%}.sub .contents #title .social-icons a{color:#fff;margin:0 .25rem}.social-icons{display:flex;justify-content:flex-start;gap:16px;margin-top:24px}.social-icons a{display:flex;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;color:#fff;background-color:#ffffff1a;border-radius:50%;transition:all .3s ease}.social-icons a:hover{color:#4169e1;background-color:#fff3;transform:translateY(-3px);box-shadow:0 4px 6px #0000001a}.social-icons a:focus-visible{color:#4169e1;background-color:#fff3;outline:3px solid #fff;outline-offset:3px}.tech-logos-container{position:absolute;top:10%;left:-2.5%;width:100%;height:100%;pointer-events:none}.tech-logo-layer{position:absolute;top:0;left:0;width:100%;height:100%}.tech-logo{width:50px;height:50px;font-size:24px;color:#fffc;transition:all .3s ease;animation:hover 6s ease-in-out infinite;pointer-events:auto}.tech-logo:hover{color:#fff;transform:scale(1.2)}.layer-1{--orbit-radius: 25vh}.layer-2{--orbit-radius: 29vh}.layer-3{--orbit-radius: 33vh}.layer-4{--orbit-radius: 37vh}.layer-5{--orbit-radius: 41vh}.layer-6{--orbit-radius: 45vh}.tech-logo-wrapper{position:absolute;top:50%;left:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;animation:orbit linear infinite}.sub .contents .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2}@keyframes orbit{0%{transform:rotate(0) translate(var(--orbit-radius)) rotate(0)}to{transform:rotate(360deg) translate(var(--orbit-radius)) rotate(-360deg)}}@keyframes hover{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.tech-logo-wrapper,.tech-logo{animation-play-state:paused}}.sub .lets-animate{position:absolute;left:50%;bottom:5%;-webkit-animation:lets-talk-pulse 2s infinite;animation:lets-talk-pulse 2s infinite;transform-origin:50% 50%}@keyframes lets-talk-pulse{0%{transform:scale(.95) translate(-50%);box-shadow:0 0 #4169e1b3}70%{transform:scale(1) translate(-50%);box-shadow:0 0 0 10px #4169e100}to{transform:scale(.95) translate(-50%);box-shadow:0 0 #4169e100}}#lets-talk{background:linear-gradient(135deg,#4169e1,#1e90ff);border-radius:30px;padding:10px 25px;z-index:5;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}#lets-talk a{text-align:center;font-size:2.25vh;font-weight:600;color:#fff;text-decoration:none;display:inline-block}#lets-talk:hover{transform:translateY(-2px);box-shadow:0 6px 8px #00000026}#lets-talk:active{transform:translateY(1px);box-shadow:0 2px 4px #0000001a}@keyframes lets-talk-pulse{0%{transform:scale(1);translate:-50% 0;box-shadow:0 0 #4169e1b3}50%{transform:scale(1.05);translate:-50% 0;box-shadow:0 0 0 10px #4169e100}to{transform:scale(1);translate:-50% 0;box-shadow:0 0 #4169e100}}.lets-animate{position:absolute;left:50%;bottom:5%;animation:lets-talk-pulse 2s infinite}.fixed{position:fixed;padding:20px;right:25px;bottom:25px;transition:all 1s ease;border-top:solid 4px rgb(166,185,221)}.section{display:flex;justify-content:center;align-items:center;position:relative;padding:100px 0 0;overflow:hidden}.section .contents{position:relative;width:75%;max-width:1000px;min-width:400px}.section .contents .text{letter-spacing:.03em;font-size:1.3rem}.section .contents h4{font-size:18px}.section .contents h3{font-size:22px}.section .contents h2{font-size:24px}.section .contents .title{display:inline-block;position:relative;padding-bottom:3vh;padding-left:8vw;padding-left:100px;font-size:32px;font-weight:700;transition:all .2s ease-in-out}.about .contents{width:80vw;display:flex;flex-direction:column}.about .contents .row{justify-content:space-between}.about .contents .row .text{display:flex;flex-direction:column;min-width:235px;width:60%;align-self:center;padding:0 4rem 4rem}.about .contents .row .text .title{display:inline-flex;align-self:flex-start}.about .contents .row .text p{display:flex;flex-direction:column}.about .contents .quote{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#5a80e0;color:#fff;padding:20px;border-radius:15px;width:80%;margin:20px auto;box-shadow:0 4px 8px #0000001a;text-align:center}.about .contents .quote h2{margin-bottom:10px;font-size:1.5rem;font-weight:600}.about .contents .quote .hr{border:0;height:1px;background:linear-gradient(to right,#fff0,#ffffffbf,#fff0);width:100%;margin:10px 0}.about .contents .quote .quote-content{display:flex;justify-content:center;position:relative}.about .contents .quote .quote-icon{font-size:1.2rem;color:#fffc}.about .contents .quote .quote-left{margin-right:10px;align-self:flex-start}.about .contents .quote .quote-right{margin-left:10px;align-self:flex-end}.about .contents .quote p{margin:0;font-size:1.4rem;font-style:italic;line-height:1.6}.about .contents .quote .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.about .contents .row .about-images svg{height:100%;width:100%;min-width:400px}.about .contents .row .about-images svg #neural{-webkit-transform:translateY(0%);animation:neural-anim 12s alternate-reverse infinite ease-in-out}.about .contents .row .about-images svg #web{-webkit-transform:translateY(0%);animation:web-anim 14s alternate-reverse infinite ease-in-out}.about .contents .row .about-images svg #object{-webkit-transform:translateY(0%);animation:object-anim 12s alternate-reverse infinite ease-in-out}.about .contents .row .about-images svg #object #sphere{-webkit-transform:translateY(0%);animation:sphere-anim 14s alternate-reverse infinite ease-in-out}.about .contents .row .about-images svg #object #cone{-webkit-transform:translateY(0%);animation:cone-anim 11s alternate-reverse infinite ease-in-out}@-webkit-keyframes web-anim{0%{-webkit-transform:translateY(0%)}to{-webkit-transform:translateY(5%)}}@keyframes web-anim{0%{-webkit-transform:translateY(0%)}to{-webkit-transform:translateY(5%)}}@-webkit-keyframes neural-anim{0%{-webkit-transform:translateY(0%)}to{-webkit-transform:translateY(-5%)}}@keyframes neural-anim{0%{-webkit-transform:translateY(0%)}to{-webkit-transform:translateY(-5%)}}@-webkit-keyframes object-anim{0%{-webkit-transform:translateY(5%)}to{-webkit-transform:translateY(-2%)}}@keyframes object-anim{0%{-webkit-transform:translateY(5%)}to{-webkit-transform:translateY(-2%)}}@-webkit-keyframes sphere-anim{0%{-webkit-transform:translateY(7%)}to{-webkit-transform:translateY(0%)}}@keyframes sphere-anim{0%{-webkit-transform:translateY(7%)}to{-webkit-transform:translateY(0%)}}@-webkit-keyframes cone-anim{0%{-webkit-transform:translateY(2%)}to{-webkit-transform:translateY(-5%)}}@keyframes cone-anim{0%{-webkit-transform:translateY(2%)}to{-webkit-transform:translateY(-5%)}}.experience .contents{width:80vw;display:flex;flex-direction:column}.experience .contents .list{width:90%;display:flex;flex-direction:column;justify-content:center;align-self:center;background:#fff;border:solid 1px rgba(65,105,225,.25);border-radius:5px;padding:20px}.experience .contents .list .item .row{padding-left:40px}.experience .contents .list .item hr{border:solid 1px rgba(65,105,225,.15);margin:20px 0}.experience .contents .list .item a{text-decoration:none;color:#000}.experience .contents .list .item a img{height:128px;width:128px;padding-right:20px}.experience .contents .list .item a .description{padding:0 0 0 20px;color:#000;display:flex;flex-direction:column}.experience .contents .list .item .description .name h3,.experience .contents .list .item .description h4{font-weight:100}.experience .contents .list .item a:hover{-webkit-text-decoration:underline rgba(65,105,225,.8);text-decoration:underline rgba(65,105,225,.8)}.experience .contents .list .item .bullet-points{padding:20px 0 0 40px}.experience .contents .list .item .bullet-points ul{padding-left:0;max-width:90%;list-style-type:none;font-size:.9em}.experience .contents .list .item .bullet-points ul li{position:relative;padding-left:1.2em;margin-bottom:.4em;display:flex;align-items:flex-start}.experience .contents .list .item .bullet-points ul li:before{content:"•";position:absolute;left:0;color:#4663a6;font-size:1em;line-height:1.4;top:.1em}.experience .contents .technologies span{font-size:1.4em;font-weight:600}.projects{position:relative}.projects .contents{width:80vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.projects .title{display:inline-flex;align-self:flex-start;padding-left:4vw}.projects .description{text-align:center;max-width:80%;font-size:1.2rem}.projects .list{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;width:700px;color:#fff}.projects .list .item-img{background:linear-gradient(#fff,#000)}.projects .list .item{display:flex;position:relative;margin:20px;max-width:300px;width:300px;max-height:300px;border-radius:5px;overflow:hidden;-webkit-filter:drop-shadow(0 0 .2rem rgba(0,0,0,.1)) drop-shadow(0 0 1rem rgba(0,0,0,.1))}.projects .featured .item{width:400px;max-width:400px;max-height:400px}.projects .list .item .overlay{min-height:100%;min-width:100%;position:absolute;display:flex;pointer-events:none}.projects .list .item .overlay .text-container{position:relative;display:inline-flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:100%;max-height:100%}.projects .list .item .overlay .text-container .text-background{display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:solid 1px rgba(255,255,255,.5);background-color:#4169e1e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;padding:10px;pointer-events:auto}.projects .list .item .overlay .text-container .text-background a{border-top:solid 1px rgba(255,255,255,.5);border-radius:4px;pointer-events:auto;padding:5px;margin-top:5px;background:linear-gradient(#fff0,#ffffff0d)}.projects .list .item .overlay .text-container .text-background h2,.projects .list .item .overlay .text-container .text-background h4{padding:0 5px;font-weight:100}.projects .list .item .overlay .text-container .text-background .git-btn,.projects .list .item .overlay .text-container .text-background .lnk-btn{display:flex;justify-content:center;align-items:center;color:#fff;background:#ffffff1a;text-decoration:none}.projects .list .item .overlay .text-container .lnk-img,.projects .list .item .overlay .text-container .git-img{max-width:20px;max-height:20px}.projects .list .item a{pointer-events:auto}.projects .list .item a img{display:block;width:100%;max-width:400px;max-height:400px;border-radius:5px}.projects .background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.projects .project-parallax{display:flex;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.projects .project-parallax .project-background{filter:blur(5px);opacity:.5}.contact .contents{position:relative;width:80vw;display:flex;flex-direction:column}.contact .contents .item h3,.contact .contents .item p{font-size:1.6rem;font-weight:500}.contact .contents .form-rellax{position:absolute;left:calc(50% - 3vw);transform:translate(-50%);width:100%;align-self:center;margin:0 3vw;max-width:800px;border-radius:5px;backdrop-filter:blur(5px)}.contact .contents .form-rellax-2{background-color:#2e427d;width:60%;bottom:45px}.contact .contents .form-rellax-1{background-color:#415db1;width:80%;bottom:55px}.contact .contents form{align-self:center;flex-direction:column;justify-content:center;align-items:center;margin:0 3vw;padding:10px 5px 0;max-width:900px;background-color:#4169e1e6;border:solid 1px rgba(65,105,225,.25);border-radius:5px;backdrop-filter:blur(5px);z-index:1}.contact .contents form fieldset{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact .contents form .form-bg{width:100%;min-width:250px}.contact .contents form .form-fields{background-color:#fff;border:solid 1px rgba(65,105,225,.25);border-radius:5px;display:flex;flex-direction:column}.contact .contents form .MuiTextField-root{margin:10px}.contact .contents form .MuiFormControl-root{margin:10px;width:unset}.contact .contents form #outlined-required-label.Mui-focused,.contact .contents form #outlined-multiline-static-label.Mui-focused{color:#2c6fdb}.contact .contents form .MuiTextField-root .MuiOutlinedInput-notchedOutline,.contact .contents form .MuiFormControl-root .MuiOutlinedInput-notchedOutline{border-color:#4169e140}.contact .contents .contact-info{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact .contents .contact-info .or{background:#5478e4;color:#fff;font-size:1.5rem;margin:35px 0;padding:12.5px 22.5px;border-radius:50px}.contact .contents .contact-info .item{display:flex;flex-direction:row;justify-content:center;align-items:center;background:#5478e4;color:#fff;padding:12.5px 40px 12.5px 20px;border-radius:5px}.contact .contents .contact-info .item a{position:relative;color:#fff;text-decoration:none;padding:0 5px}.contact .contents .contact-info svg{position:absolute;top:20%;right:-30px;color:#fff;animation:icon 1s infinite}@keyframes icon{0%{transform:translate(0)}50%{transform:translateY(5px)}to{transform:translate(0)}}.MuiButtonBase-root.MuiMenuItem-root:hover{background-color:#5478e440}.MuiButtonBase-root.MuiMenuItem-root:focus{background-color:#5478e440}.MuiButtonBase-root.MuiMenuItem-root.Mui-selected{background-color:#5478e41a!important}.MuiButtonBase-root.MuiMenuItem-root.Mui-selected:hover{background-color:#5478e440}.MuiButtonBase-root.MuiMenuItem-root.Mui-selected:focus{background-color:#5478e440}.contact .contents form .form-submit button{background-color:#ffffff1a;color:#fff;margin:10px 0;display:flex;align-items:center;justify-content:center;border-top:solid 1px rgba(255,255,255,.5);border-radius:4px}.contact .contents form .form-submit button .MuiSvgIcon-root{color:#fff}.demos{position:fixed;left:0;top:0;width:100vw;height:100vh;background:#202124;color:#eee;overflow-y:auto}.demos .error{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.demos .header{margin-top:75px;padding:0 0 5vh 5vw}.demos .content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 5vw;min-width:400px}.demos .content .video{max-width:1000px}.demos .content .video .skeleton{width:90vw;height:30vh;min-width:400px;max-width:1000px}.demos .content .video .title{margin:1vh 0}.demos .content .video .title p{font-size:1.5em}.demos .content .library{margin:2.5vh 5vw;width:100%;max-width:1000px}.demos .content .library .items{display:flex;justify-content:start;flex-wrap:wrap;max-width:1000px;margin:15px 0}.demos .content .library .items .item{flex:1 1 0;min-width:200px;max-width:400px;margin:0 8px 30px}.demos .content .library .items .item img{display:block;width:100%;border-radius:5px}.demos .content .library .items .item .thumbnail{position:relative}.demos .content .library .items .item .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity ease-in-out .2s;cursor:pointer;border-radius:5px}.demos .content .library .items .item .play svg{width:50px;height:50px;fill:#fff}.demos .content .library .items .active .overlay,.demos .content .library .items .item .overlay:hover{opacity:1}footer{margin-top:5vh}.categories-icon{position:relative;width:30vw;height:50vh;max-width:400px;max-height:400px;margin-bottom:3vh}.categories-icon .categories-laptop,.categories-icon .categories-object,.categories-icon .categories-neural,.categories-icon .categories-data,.categories-icon .categories-web{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.categories{height:100%;width:100%}.categories .st0{fill:#e7eaeb}.categories .st1{fill:#414042}.categories .st3{fill:#a8aaab}.categories .st4{fill:#dddfe0}.categories .st5{fill:#5a80e0}.categories .st6{fill:#9bb1dd}.categories .st7{fill:#6f93dd}.categories .st8{fill:#83a3db}.categories .st9{fill:none;stroke:#000;stroke-linecap:round;stroke-miterlimit:10}.categories .st10{fill:#4c4c4c}.categories .st11{fill:#a6b9dd}.categories .st12{fill:#90aadd}.categories .st13{fill:#85a2dd}.categories .st14{fill:#4376dd}.categories .st15{fill:#4e7edd}.categories .st16{stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.categories .st17{fill:#a9b8e0;stroke:#2c6fdb;stroke-linecap:round;stroke-miterlimit:10}.categories .st18{fill:#a0a0a0;stroke:#2c6fdb;stroke-linecap:round;stroke-miterlimit:10}@media only screen and (min-width:500px){.sub .contents #title #text,.sub .contents #title .social-icons a{font-size:5vh}.tech-logos-container{width:100%;height:100%}.tech-logo-wrapper,.tech-logo{width:60px;height:60px}}@media only screen and (max-width:800px){.section .contents .title{padding-left:40px}.about .contents .row{flex-direction:column}.about .contents .row .text{width:100%;padding:0 2rem 2rem}.about .contents .row .text .body{width:90%;font-size:1.3rem}.about .categories-icon{position:relative;left:50%;transform:translate(-50%);width:100vw;height:500px;max-height:300px}.experience .contents .list{width:100%}.experience .contents .list .item .row{flex-direction:column;padding-left:20px}.experience .contents .list .item .row .img-link{display:flex;justify-content:center}.experience .contents .list .item .row .img-link img{width:200px;height:200px;align-self:center}.projects .list{flex-direction:column;justify-content:center;align-items:center}.projects .list .item{margin:20px;min-width:300px;min-height:300px;max-width:400px;max-height:400px}.projects .featured .item{margin:20px;width:300px;max-width:400px;max-height:400px}.demos .content .video{justify-content:start;align-items:start}.demos .content .video .player{min-width:100vw}.demos .content .video .title{margin:1vh 5vw}}.line{fill:none;stroke:#fff;stroke-width:6;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1),stroke .3s ease-in-out}.line1{stroke-dasharray:60 207;stroke-width:6}.line2{stroke-dasharray:60 60;stroke-width:6}.line3{stroke-dasharray:60 207;stroke-width:6}.opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;animation:colorChange 1s ease-in-out forwards}.opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;animation:colorChange 1s ease-in-out forwards}.opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;animation:colorChange 1s ease-in-out forwards}#drawer-title{position:relative;font-family:BenchNine,"sans-serif"!important;font-size:2rem;font-weight:700;margin:.2rem 0;padding:0;color:#fff!important;z-index:100!important}.drawer-item span{font-family:BenchNine,"sans-serif"!important;font-size:1.5rem!important;font-weight:500!important;margin:.6rem 0!important;padding:0 .6rem!important;color:#fff!important;opacity:1}.nav-root{font-family:BenchNine,"sans-serif"!important;font-size:1.5rem!important;font-weight:500!important;margin:.6rem 0!important;padding:0 .6rem!important;color:#fff!important}.fade-in{animation:fadeIn ease .2s;-webkit-animation:fadeIn ease .2s;-moz-animation:fadeIn ease .2s;-o-animation:fadeIn ease .2s;-ms-animation:fadeIn ease .2s}.fade-out{animation:fadeOut ease .2s;-webkit-animation:fadeOut ease .2s;-moz-animation:fadeOut ease .2s;-o-animation:fadeOut ease .2s;-ms-animation:fadeOut ease .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-drawer-in .MuiPaper-root{background:linear-gradient(180deg,#4169ffe6 50%,#fff0);background-size:400% 200%;-webkit-animation:AnimationIn .5s ease forwards;-moz-animation:AnimationIn .5s ease forwards;animation:AnimationIn .5s ease forwards}.animate-drawer-out .MuiPaper-root{background:linear-gradient(180deg,#4169ffe6 50%,#fff0);background-size:400% 200%;-webkit-animation:AnimationOut .5s ease forwards;-moz-animation:AnimationOut .5s ease forwards;animation:AnimationOut .5s ease forwards}.animate-drawer-item .MuiTypography-root{-webkit-animation:AnimationItemIn .5s ease forwards;-moz-animation:AnimationItemIn .5s ease forwards;animation:AnimationItemIn .5s ease forwards}@keyframes AnimationItemIn{0%{transform:translateY(-25px);opacity:0}50%{opacity:1}to{transform:translateY(0);opacity:1}}@-webkit-keyframes AnimationIn{0%{background-position:50% 0%;opacity:0}50%{opacity:1}to{background-position:50% 100%;opacity:1}}@-moz-keyframes AnimationIn{0%{background-position:50% 0%;opacity:0}50%{opacity:1}to{background-position:50% 100%;opacity:1}}@keyframes AnimationIn{0%{background-position:50% 0%;opacity:0}50%{opacity:1}to{background-position:50% 100%;opacity:1}}@-webkit-keyframes AnimationOut{to{background-position:50% 100%;opacity:1}25%{opacity:1}0%{background-position:50% 0%;opacity:0}}@-moz-keyframes AnimationOut{to{background-position:50% 100%;opacity:1}25%{opacity:1}0%{background-position:50% 0%;opacity:0}}@keyframes AnimationOut{to{background-position:50% 100%;opacity:1}25%{opacity:1}0%{background-position:50% 0%;opacity:0}}