body,html{overflow-x:hidden;scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Rubik","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@-webkit-keyframes rainbow-border{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}@keyframes rainbow-border{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}@-webkit-keyframes morph-1{0%{-webkit-clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%);clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%)}20%{-webkit-clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%);clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%)}40%{-webkit-clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%);clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%)}60%{-webkit-clip-path:polygon(90% 0,100% 95%,0 100%,6% 0);clip-path:polygon(90% 0,100% 95%,0 100%,6% 0)}80%{-webkit-clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%);clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%)}to{-webkit-clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%);clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%)}}@keyframes morph-1{0%{-webkit-clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%);clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%)}20%{-webkit-clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%);clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%)}40%{-webkit-clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%);clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%)}60%{-webkit-clip-path:polygon(90% 0,100% 95%,0 100%,6% 0);clip-path:polygon(90% 0,100% 95%,0 100%,6% 0)}80%{-webkit-clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%);clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%)}to{-webkit-clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%);clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%)}}@-webkit-keyframes morph-2{0%{-webkit-clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%);clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%)}20%{-webkit-clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%);clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%)}40%{-webkit-clip-path:polygon(90% 0,100% 95%,0 100%,6% 0);clip-path:polygon(90% 0,100% 95%,0 100%,6% 0)}60%{-webkit-clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%);clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%)}80%{-webkit-clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0);clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0)}to{-webkit-clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%);clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%)}}@keyframes morph-2{0%{-webkit-clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%);clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%)}20%{-webkit-clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%);clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%)}40%{-webkit-clip-path:polygon(90% 0,100% 95%,0 100%,6% 0);clip-path:polygon(90% 0,100% 95%,0 100%,6% 0)}60%{-webkit-clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%);clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%)}80%{-webkit-clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0);clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0)}to{-webkit-clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%);clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%)}}@-webkit-keyframes morph-3{0%{-webkit-clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%);clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%)}20%{-webkit-clip-path:polygon(90% 0,100% 95%,0 100%,6% 0);clip-path:polygon(90% 0,100% 95%,0 100%,6% 0)}40%{-webkit-clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%);clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%)}60%{-webkit-clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0);clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0)}80%{-webkit-clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%);clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%)}to{-webkit-clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%);clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%)}}@keyframes morph-3{0%{-webkit-clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%);clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%)}20%{-webkit-clip-path:polygon(90% 0,100% 95%,0 100%,6% 0);clip-path:polygon(90% 0,100% 95%,0 100%,6% 0)}40%{-webkit-clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%);clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%)}60%{-webkit-clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0);clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0)}80%{-webkit-clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%);clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%)}to{-webkit-clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%);clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%)}}@-webkit-keyframes morph-4{0%{-webkit-clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%);clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%)}20%{-webkit-clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%);clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%)}40%{-webkit-clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0);clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0)}60%{-webkit-clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%);clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%)}80%{-webkit-clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0);clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0)}to{-webkit-clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%);clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%)}}@keyframes morph-4{0%{-webkit-clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%);clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%)}20%{-webkit-clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%);clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%)}40%{-webkit-clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0);clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0)}60%{-webkit-clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%);clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%)}80%{-webkit-clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0);clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0)}to{-webkit-clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%);clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%)}}@-webkit-keyframes morph-5{0%{-webkit-clip-path:polygon(90% 0,100% 95%,0 100%,6% 0);clip-path:polygon(90% 0,100% 95%,0 100%,6% 0)}20%{-webkit-clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0);clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0)}40%{-webkit-clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%);clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%)}60%{-webkit-clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0);clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0)}80%{-webkit-clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0);clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0)}to{-webkit-clip-path:polygon(90% 0,100% 95%,0 100%,6% 0);clip-path:polygon(90% 0,100% 95%,0 100%,6% 0)}}@keyframes morph-5{0%{-webkit-clip-path:polygon(90% 0,100% 95%,0 100%,6% 0);clip-path:polygon(90% 0,100% 95%,0 100%,6% 0)}20%{-webkit-clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0);clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0)}40%{-webkit-clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%);clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%)}60%{-webkit-clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0);clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0)}80%{-webkit-clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0);clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0)}to{-webkit-clip-path:polygon(90% 0,100% 95%,0 100%,6% 0);clip-path:polygon(90% 0,100% 95%,0 100%,6% 0)}}@-webkit-keyframes morph-6{0%{-webkit-clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%);clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%)}20%{-webkit-clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%);clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%)}40%{-webkit-clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0);clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0)}60%{-webkit-clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0);clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0)}80%{-webkit-clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%);clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%)}to{-webkit-clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%);clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%)}}@keyframes morph-6{0%{-webkit-clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%);clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%)}20%{-webkit-clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%);clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%)}40%{-webkit-clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0);clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0)}60%{-webkit-clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0);clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0)}80%{-webkit-clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%);clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%)}to{-webkit-clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%);clip-path:polygon(100% 0,89% 100%,0 100%,8% 4%)}}@-webkit-keyframes morph-7{0%{-webkit-clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0);clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0)}20%{-webkit-clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0);clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0)}40%{-webkit-clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0);clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0)}60%{-webkit-clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%);clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%)}80%{-webkit-clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%);clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%)}to{-webkit-clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0);clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0)}}@keyframes morph-7{0%{-webkit-clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0);clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0)}20%{-webkit-clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0);clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0)}40%{-webkit-clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0);clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0)}60%{-webkit-clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%);clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%)}80%{-webkit-clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%);clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%)}to{-webkit-clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0);clip-path:polygon(100% 6%,100% 91%,6% 100%,0 0)}}@-webkit-keyframes morph-8{0%{-webkit-clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%);clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%)}20%{-webkit-clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0);clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0)}40%{-webkit-clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%);clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%)}60%{-webkit-clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%);clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%)}80%{-webkit-clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%);clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%)}to{-webkit-clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%);clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%)}}@keyframes morph-8{0%{-webkit-clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%);clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%)}20%{-webkit-clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0);clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0)}40%{-webkit-clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%);clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%)}60%{-webkit-clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%);clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%)}80%{-webkit-clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%);clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%)}to{-webkit-clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%);clip-path:polygon(100% 4%,89% 100%,4% 100%,0 1%)}}@-webkit-keyframes morph-9{0%{-webkit-clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0);clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0)}20%{-webkit-clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%);clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%)}40%{-webkit-clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%);clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%)}60%{-webkit-clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%);clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%)}80%{-webkit-clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%);clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%)}to{-webkit-clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0);clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0)}}@keyframes morph-9{0%{-webkit-clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0);clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0)}20%{-webkit-clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%);clip-path:polygon(93% 0,100% 84%,13% 100%,0 11%)}40%{-webkit-clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%);clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%)}60%{-webkit-clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%);clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%)}80%{-webkit-clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%);clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%)}to{-webkit-clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0);clip-path:polygon(100% 16%,94% 100%,3% 100%,0 0)}}@-webkit-keyframes morph-10{0%{-webkit-clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0);clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0)}20%{-webkit-clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%);clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%)}40%{-webkit-clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%);clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%)}60%{-webkit-clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%);clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%)}80%{-webkit-clip-path:polygon(90% 0,100% 95%,0 100%,6% 0);clip-path:polygon(90% 0,100% 95%,0 100%,6% 0)}to{-webkit-clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0);clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0)}}@keyframes morph-10{0%{-webkit-clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0);clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0)}20%{-webkit-clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%);clip-path:polygon(100% 0,94% 100%,13% 100%,0 11%)}40%{-webkit-clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%);clip-path:polygon(95% 0,100% 88%,0 100%,4% 9%)}60%{-webkit-clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%);clip-path:polygon(100% 0,100% 84%,3% 100%,0 15%)}80%{-webkit-clip-path:polygon(90% 0,100% 95%,0 100%,6% 0);clip-path:polygon(90% 0,100% 95%,0 100%,6% 0)}to{-webkit-clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0);clip-path:polygon(100% 8%,96% 90%,6% 100%,0 0)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes spin-backwards{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes spin-backwards{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes opacity-in{0%{opacity:0}to{opacity:1%}}@keyframes opacity-in{0%{opacity:0}to{opacity:1%}}@-webkit-keyframes opacity-out{0%{opacity:1%}to{opacity:0}}@keyframes opacity-out{0%{opacity:1%}to{opacity:0}}@-webkit-keyframes floatX{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}1%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1}to{-webkit-transform:translateX(-15%);transform:translateX(-15%);opacity:1}}@keyframes floatX{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}1%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1}to{-webkit-transform:translateX(-15%);transform:translateX(-15%);opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1;z-index:3}35%{opacity:.95;-webkit-transform:scale(1.05);transform:scale(1.05);z-index:3}to{opacity:0;z-index:1}}@keyframes fade-out{0%{opacity:1;z-index:3}35%{opacity:.95;-webkit-transform:scale(1.05);transform:scale(1.05);z-index:3}to{opacity:0;z-index:1}}@-webkit-keyframes fade-in{0%{opacity:0;z-index:1}1%{z-index:3}to{opacity:1;z-index:3}}@keyframes fade-in{0%{opacity:0;z-index:1}1%{z-index:3}to{opacity:1;z-index:3}}@-webkit-keyframes late-fade-in{0%{opacity:0}to{opacity:1}}@keyframes late-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes jump{0%,47%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}52%,to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes jump{0%,47%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}52%,to{-webkit-transform:scale(1);transform:scale(1)}}*,:after,:before{font-size:.9375rem}.flex{display:flex}.flex-fd-r{flex-direction:row}.flex-fd-c{flex-direction:column}.flex-jc-c{justify-content:center}.flex-jc-sb{justify-content:space-between}.flex-jc-sa{justify-content:space-around}.flex-ai-c{align-items:center}.flex-ai-sb{align-items:stretch}@media(max-width:39.9375em){.hide-for-mobile{display:none}}@media(min-width:40em){.hide-for-desktop{display:none}}.sticky{position:fixed;top:0;width:100%;z-index:1000}.sticky+section{padding-top:65px}.max-width{max-width:1200px;margin:0 auto}.responsive-padding{padding:0 1em}@media(min-width:75em){.responsive-padding{padding:0}}.fade-out{-webkit-animation:fade-out .5s ease-in-out forwards;animation:fade-out .5s ease-in-out forwards}.fade-in{-webkit-animation:fade-in .5s ease-in-out forwards;animation:fade-in .5s ease-in-out forwards}.hide{display:none}.show{display:block}*,:after,:before{box-sizing:border-box}ul{padding:0;list-style:none}a{text-decoration:none}body,h1,h2,h3,h4,h5,li,p,ul[class]{margin:0;padding:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.3}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button:focus,input:focus,select:focus,textarea:focus{outline:0}.cards{grid-gap:1em;gap:1em;flex-direction:row;flex-wrap:wrap}@media(min-width:40em){.cards{width:500px}}@media(min-width:64em){.cards{width:100%}}.card{height:262px;min-width:350px;width:350px;border-radius:10px;background-color:#009dff;position:relative;cursor:pointer;overflow:hidden}.card__details{position:absolute;height:100%;top:0;left:0;z-index:2}.card__description{text-align:center;font-weight:600;font-size:1.171875rem;margin:2em 2em 0;color:#fff}.card__description--wip{margin:0 2em}.card__image{position:absolute;top:0;left:0;opacity:1;z-index:3}.card__button{border:2px solid #fff;padding:0;margin-bottom:2em}.card__button:hover{background-color:#fff;border-color:#fff}.card__button>div{height:100%;text-transform:uppercase;font-family:"Rubik",sans-serif;font-size:1.171875rem;font-weight:700;color:#fff;background:linear-gradient(90deg,red 0,#ff9a00 10%,#d0de21 20%,#4fdc4a 30%,#3fdad8 40%,#2fc9e2 50%,#1c7fee 60%,#5f15f2 70%,#ba0cf8 80%,#fb07d9 90%,red);-webkit-animation:rainbow-border 6s ease-in-out infinite;animation:rainbow-border 6s ease-in-out infinite;background-size:400% 100%;background-clip:text;-webkit-background-clip:text;padding:.4em 1em}.card__button>div:hover{color:transparent;border-color:transparent;background-color:red}.cloud{width:100%;position:absolute;background-repeat:no-repeat;background-size:auto 100%;-webkit-animation-name:floatX;animation-name:floatX;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.cloud-small{background-image:url(https://sergiudeaj.ro/assets/images/cloud-small.png);min-height:10px}.cloud-big{background-image:url(https://sergiudeaj.ro/assets/images/cloud-big.png);min-height:20px}.bottom-button{height:40px;width:40px;background-color:#ff5722;color:#fff;position:absolute;left:calc(50% - 20px);border:none;cursor:pointer;bottom:20px;z-index:1000;opacity:0;-webkit-animation:late-fade-in .5s ease-in-out 5s forwards,jump 10s ease-in-out 5s infinite;animation:late-fade-in .5s ease-in-out 5s forwards,jump 10s ease-in-out 5s infinite;border-radius:10px}.bottom-button:hover{background-color:#ff815b}.bottom-button>.fas:after,.bottom-button>.fas:before{font-size:1.640625rem}footer{background-color:#000;padding:6em 0 2em;position:relative}@media(max-width:39.9375em){footer{padding:4em 0 2em}}footer>*{color:#fff}footer p{text-align:center}footer .top-button{height:40px;width:40px;background-color:#53bdff;position:absolute;left:calc(50% - 20px);border:none;cursor:pointer;top:-20px;border-radius:10px}footer .top-button>.fas:after,footer .top-button>.fas:before{font-size:1.640625rem}.buttons{width:300px;height:50px;grid-gap:1em;gap:1em;margin:0 auto 1.5em}.buttons>.button{height:60px;width:60px;border:2px solid #fff}.buttons>.button:hover{background-color:#121212}.buttons>.button>.fab{color:#fff}.buttons>.button>.fab:after,.buttons>.button>.fab:before{font-size:2.5em}header{height:60px;background-color:#121212;position:relative}header:after{position:absolute;bottom:-5px;content:"";width:100%;height:5px;background:linear-gradient(90deg,red 0,#ff9a00 10%,#d0de21 20%,#4fdc4a 30%,#3fdad8 40%,#2fc9e2 50%,#1c7fee 60%,#5f15f2 70%,#ba0cf8 80%,#fb07d9 90%,red);-webkit-animation:rainbow-border 6s ease-in-out infinite;animation:rainbow-border 6s ease-in-out infinite;background-size:400% 100%}header>nav{height:100%;padding:0 1em}header>nav .links{height:100%}header>nav button{color:#fff;cursor:pointer;background-color:#121212;border:none;font-family:"Rubik",sans-serif;font-size:1.171875rem;font-weight:700;text-transform:uppercase;position:relative}header>nav button:not(:first-child):not(.cta){margin-left:1.4em}header>nav button:not(.hamburger):not(.cta):hover:after{content:"";position:absolute;top:1.75em;left:25%;width:50%;height:3px;background-color:#53bdff;background:linear-gradient(90deg,red 0,#ff9a00 10%,#d0de21 20%,#4fdc4a 30%,#3fdad8 40%,#2fc9e2 50%,#1c7fee 60%,#5f15f2 70%,#ba0cf8 80%,#fb07d9 90%,red);-webkit-animation:rainbow-border 6s ease-in-out infinite;animation:rainbow-border 6s ease-in-out infinite;background-size:400% 100%}header>nav .cta{border:2px solid #fff;padding:0}header>nav .cta:hover{background-color:#fff}header>nav .cta>div{height:100%;font:inherit;background:linear-gradient(90deg,red 0,#ff9a00 10%,#d0de21 20%,#4fdc4a 30%,#3fdad8 40%,#2fc9e2 50%,#1c7fee 60%,#5f15f2 70%,#ba0cf8 80%,#fb07d9 90%,red);-webkit-animation:rainbow-border 6s ease-in-out infinite;animation:rainbow-border 6s ease-in-out infinite;background-size:400% 100%;background-clip:text;-webkit-background-clip:text;padding:.4em 1em}header>nav .cta>div:hover{color:transparent;border-color:transparent;background-color:red}header>nav .hamburger{background-color:inherit;border:none;cursor:pointer}header>nav .hamburger-open>span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}header>nav .hamburger-open>span:nth-child(2){width:0}header>nav .hamburger-open>span:last-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}header>nav .hamburger>span{display:block;width:26px;height:2px;background-color:#fff;transition:all .3s ease-in-out;-webkit-transform-origin:center left;transform-origin:center left;margin:0 auto}header>nav .hamburger>span:not(:last-child){margin-bottom:7px}.mobile-menu__container{padding:10px;display:none;position:absolute;-webkit-transform:translateY(5px);transform:translateY(5px);width:100%;background-color:#121212;z-index:101;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:.3s;animation-duration:.3s}.mobile-menu__container>div>button{width:100%;text-align:center;color:#fff;cursor:pointer;background-color:#121212;border:none;padding:10px;text-transform:uppercase;font-weight:700;font-size:1.171875rem}.mobile-menu__container>div>button:hover{color:#87cefa}.menu-open{display:block}.menu-open-after:after{bottom:-156px;height:156px;z-index:100}#message-box-area{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75)}#message-box{position:fixed;width:360px;height:180px;background-color:#fff;top:calc(50% - 90px);left:calc(50% - 180px);overflow:hidden}#message-box__header{text-align:center;background-color:#ff4d4d;color:#fff;font-weight:500;font-size:1.17rem;width:100%;padding:15px 10px}#message-box__text{text-align:center;padding:10px;margin-top:21px;overflow:hidden;width:100%;height:100%}#message-box__button{margin:10px auto}.btn--cta{border:2px solid #009dff;border-radius:5px;background-color:#fff;color:#009dff;padding:.5em 1em;width:-webkit-fit-content;width:fit-content;font-weight:500;cursor:pointer}.btn--cta:hover{background-color:#009dff;color:#fff}.btn--close{border:none;color:#fff;background-color:transparent;position:absolute;top:15px;right:10px;cursor:pointer}.btn--close>.fa-times:before{font-size:1.17rem}.btn--close:hover{color:#121212}.shapes{display:flex;flex-wrap:wrap;flex-direction:row;padding:0 0 4em;margin:0;grid-gap:1vw;gap:1vw}@media(min-width:40em){.shapes{flex-wrap:nowrap}}.shape{align-items:center;justify-content:center;display:flex;height:43vw;width:43vw;max-height:22em;max-width:22em;position:relative}@media(min-width:40em){.shape{height:23vw;width:23vw;max-height:18em;max-width:18em}}.shape>*{-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.17,.67,.83,.67);animation-timing-function:cubic-bezier(.17,.67,.83,.67);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.shape:first-child .shape--large{-webkit-animation-name:morph-1;animation-name:morph-1;background:#dcedc8}.shape:first-child .shape--medium{-webkit-animation-name:morph-2;animation-name:morph-2;background:#8bc34a}.shape:first-child .shape--small{-webkit-animation-name:morph-3;animation-name:morph-3}.shape:first-child .shape--small .shape__title{color:#8bc34a}.shape:nth-child(2) .shape--large{-webkit-animation-name:morph-4;animation-name:morph-4;background:#ffecb3}.shape:nth-child(2) .shape--medium{-webkit-animation-name:morph-5;animation-name:morph-5;background:#ffc107}.shape:nth-child(2) .shape--small{-webkit-animation-name:morph-6;animation-name:morph-6}.shape:nth-child(2) .shape--small .shape__title{color:#ffc107}.shape:nth-child(3) .shape--large{-webkit-animation-name:morph-7;animation-name:morph-7;background:#ffccbc}.shape:nth-child(3) .shape--medium{-webkit-animation-name:morph-8;animation-name:morph-8;background:#ff5722}.shape:nth-child(3) .shape--small{-webkit-animation-name:morph-9;animation-name:morph-9}.shape:nth-child(3) .shape--small .shape__title{color:#ff5722}.shape:nth-child(4) .shape--large{-webkit-animation-name:morph-10;animation-name:morph-10;background:#dbb0ff}.shape:nth-child(4) .shape--medium{-webkit-animation-name:morph-1;animation-name:morph-1;background:#a546f3}.shape:nth-child(4) .shape--small{-webkit-animation-name:morph-4;animation-name:morph-4}.shape:nth-child(4) .shape--small .shape__title{color:#a546f3}.shape--large{height:98%;width:98%}.shape--large,.shape--medium{transition:all 5s ease-in-out}.shape--medium{height:87.5%;width:87.5%}.shape--small{transition:all 5s ease-in-out;align-items:center;background:#212121;display:flex;flex-direction:column;justify-content:center;height:75%;width:75%}.shape__title{display:block;color:#f1f1f1;font-family:var(--ff-primary);font-weight:700;font-size:4.3vw;text-align:center;text-transform:uppercase}@media(min-width:40em){.shape__title{font-size:2.2vw}}@media(min-width:64em){.shape__title{font-size:1.7em}}.shape__text{display:block;color:#f1f1f1;font-family:var(--ff-primary);font-size:3vw;text-align:center;padding:0 1em}@media(min-width:40em){.shape__text{font-size:1.7vw}}@media(min-width:64em){.shape__text{font-size:1.2em}}@media(max-width:23.375em){.shape__text{font-size:.8em}}section{min-height:25em;padding-bottom:10em}@media(max-width:39.9375em){section{padding-bottom:2.5em}}section>.max-width>h1{font-size:2.8125rem;width:-webkit-fit-content;width:fit-content;margin:1.2em auto .8em}section:first-child{background-color:#121212;color:#fff;height:100vh}section:first-child .text__container{height:100%}section:first-child h1{font-size:3.75rem}section:first-child h3{font-size:1.640625rem}#about{position:relative;padding-bottom:calc(5vw + 7em)}#about .introduction-skills{grid-gap:1.5em;gap:1.5em;flex-direction:column}@media(min-width:40em){#about .introduction-skills{flex-direction:row}}#about .introduction-skills .introduction{width:100%;display:flex;flex-direction:column;justify-content:center}#about .introduction-skills .introduction>*{margin:0 auto;text-align:center}#about .introduction-skills .introduction__image{-webkit-clip-path:circle(50%);clip-path:circle(50%);min-height:200px;min-width:200px}@media(min-width:40em){#about .introduction-skills .introduction__image{min-height:250px;min-width:250px}}#about .introduction-skills .introduction .image__border{margin-bottom:1.5em;width:200px;position:relative}@media(min-width:40em){#about .introduction-skills .introduction .image__border{width:250px}}#about .introduction-skills .introduction .image__border:after{content:"";border:2px dotted maroon;border-radius:50%;height:210px;width:210px;display:flex;justify-content:center;align-items:center;-webkit-animation:spin 30s linear infinite;animation:spin 30s linear infinite;position:absolute;top:-5px;left:-5px}@media(min-width:40em){#about .introduction-skills .introduction .image__border:after{height:260px;width:260px}}#about .introduction-skills .introduction .image__border:before{content:"";border:2px dashed #53bdff;border-radius:50%;height:220px;width:220px;display:flex;justify-content:center;align-items:center;-webkit-animation:spin-backwards 30s linear infinite;animation:spin-backwards 30s linear infinite;position:absolute;top:-10px;left:-10px}@media(min-width:40em){#about .introduction-skills .introduction .image__border:before{height:270px;width:270px}}#about .introduction-skills .introduction>h3{font-size:1.640625rem}#about .introduction-skills .introduction>p{font-size:1.03125rem}#about .introduction-skills .skills{width:100%}.divider-top{width:100%;position:relative}.divider-top:before{content:"";position:absolute;bottom:-.75vw;width:100%;height:calc(4rem + 8vw);-webkit-transform:skewY(4deg) translateY(calc(2rem + 3vw));transform:skewY(4deg) translateY(calc(2rem + 3vw));background-color:#dbf1ff}.divider-top:after{content:"";position:absolute;bottom:-1.75vw;width:100%;height:calc(4rem + 8vw);-webkit-transform:skewY(5deg) translateY(calc(2rem + 3vw));transform:skewY(5deg) translateY(calc(2rem + 3vw));background-color:#87cefa}.divider-bottom{width:100%;position:relative}.divider-bottom:before{content:"";position:absolute;bottom:-2.25vw;width:100%;height:calc(3rem + 8vw);-webkit-transform:skewY(6deg) translateY(calc(2rem + 3vw));transform:skewY(6deg) translateY(calc(2rem + 3vw));background-color:#53bdff;z-index:-1}.divider-bottom:after{content:"";position:absolute;bottom:-1.5vw;width:100%;height:calc(4rem + 8vw);-webkit-transform:skewY(5deg) translateY(calc(2rem + 3vw));transform:skewY(5deg) translateY(calc(2rem + 3vw));background-color:#87cefa;z-index:-1}#projects{padding-top:0;padding-bottom:1em;background-color:#87cefa;position:relative}#projects>.max-width>h1{margin:0 auto .8em}#wip{padding-top:10em;padding-bottom:6vw;position:relative}#wip>.max-width>h1{margin:1em auto .8em}#contact-me{background-color:#121212;color:#fff}#contact-me>.max-width>h1{font-size:2.8125rem;width:-webkit-fit-content;width:fit-content;padding:6rem 0 0;margin-bottom:.2rem}@media(max-width:39.9375em){#contact-me>.max-width>h1{padding:1rem 0 0}}#contact-me>.max-width>p{margin-bottom:3rem;padding:0 0 2.5rem}@media(max-width:39.9375em){#contact-me>.max-width>p{padding:0 0 2rem}}#contact-me>.max-width>form{width:350px;margin:0 auto}@media(min-width:40em){#contact-me>.max-width>form{width:450px}}#contact-me>.max-width>form>div>input,#contact-me>.max-width>form>div>textarea{margin-bottom:1rem;background-color:#fff;border:none;border-radius:2px;padding:.4rem}#contact-me>.max-width>form>div>input::-webkit-input-placeholder,#contact-me>.max-width>form>div>textarea::-webkit-input-placeholder{color:grey}#contact-me>.max-width>form>div>input:-ms-input-placeholder,#contact-me>.max-width>form>div>textarea:-ms-input-placeholder{color:grey}#contact-me>.max-width>form>div>input::placeholder,#contact-me>.max-width>form>div>textarea::placeholder{color:grey}#contact-me>.max-width>form>div>label{font-weight:700;text-transform:uppercase}#contact-me>.max-width>form>div>textarea{height:150px;margin-bottom:1.5rem}#contact-me>.max-width>form>.cta{border:2px solid #fff;background-color:#121212}#contact-me>.max-width>form>.cta:hover{background-color:#fff}#contact-me>.max-width>form>.cta>div{height:100%;color:#fff;font-family:"Rubik",sans-serif;font-size:1.171875rem;font-weight:700;text-transform:uppercase;background:linear-gradient(90deg,red 0,#ff9a00 10%,#d0de21 20%,#4fdc4a 30%,#3fdad8 40%,#2fc9e2 50%,#1c7fee 60%,#5f15f2 70%,#ba0cf8 80%,#fb07d9 90%,red);-webkit-animation:rainbow-border 6s ease-in-out infinite;animation:rainbow-border 6s ease-in-out infinite;background-size:400% 100%;background-clip:text;-webkit-background-clip:text;padding:.4em 1em}#contact-me>.max-width>form>.cta>div:hover{color:transparent;border-color:transparent;background-color:red}@media(max-width:39.9375em){#contact-me>.max-width{padding:.5rem 0 2rem}}#contact-me:before{content:"";position:absolute;left:calc(50% - 10px);width:20px;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #fff}.skillbar__wrapper{height:30px;width:100%;display:grid;grid-template-areas:"left right";background-color:#e2e2e2}.skillbar__wrapper:not(:first-child){margin-top:12px}.skillbar__left{height:100%;grid-area:left;background-color:#87cefa}.skillbar__right{height:100%;grid-area:right;background-color:transparent}.skillbar__title-bar{line-height:30px;width:100px;background-color:#53bdff;text-align:center;font-weight:700;color:#f5f5f5;text-shadow:1px 1px #121212}.skillbar__percentage-bar{padding-right:10px;float:right;line-height:30px;color:#121212}
/*# sourceMappingURL=main.a2bc0524.chunk.css.map */