*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}@media only screen and (max-width:75em){html{font-size:56.25%}}@media only screen and (max-width:56.25em){html{font-size:50%}}body{box-sizing:border-box;font-family:"Roboto",sans-serif}.navbar{display:flex;justify-content:space-between;margin:0 4rem;align-items:center;z-index:1;height:7rem;padding:4rem 0}@media only screen and (max-width:37.5em){.navbar{margin:0 1rem;flex-direction:column;height:unset;padding:0;justify-content:flex-start}}.navbar_wrapper{position:fixed;left:0;top:0;right:0;z-index:15;transition:background-color 1.5s ease;background-image:linear-gradient(90deg,#00545d,#000729);background-color:rgba(0,0,0,.7)}@media only screen and (max-width:49em){.navbar_wrapper{position:relative;margin-bottom:-8rem}}@media only screen and (max-width:75em){.navbar_wrapper{box-shadow:0 2rem 4rem rgba(0,0,0,.4)}}.navbar_wrapper.solbox{background-image:none;background-color:#0f0000;opacity:.8}@media only screen and (max-width:37.5em){.navbar_wrapper{padding-top:1rem;padding-bottom:2.5rem}}.navbar_logo{margin-top:1rem;margin-bottom:1rem;height:6rem;cursor:pointer}.navbar_links{display:flex;justify-content:space-between}.navbar_link{text-decoration:none;display:flex;align-items:center;font-size:2rem;color:#f7f7f7;transition:all .4s ease;border:1px solid #fff;border-radius:20px;padding:1rem 3.5rem}.navbar_link:not(:last-child){margin-right:4rem}.navbar_link:hover{color:#ffb900;border-color:#ffb900}.showcase{margin-top:8rem;display:flex;justify-content:space-evenly}.showcase_container{position:relative;padding-bottom:10rem;background-position:0;z-index:0}.showcase_design{background-image:linear-gradient(90deg,#2998ff,#5643fa);background-image:url(../../static/media/rune10.fbf2bc42.jpg);-webkit-clip-path:polygon(0 0,100% 0,100% 0,40% 0,100% 70%,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 0,40% 0,100% 70%,100% 100%,0 100%);background-position:50%;background-size:cover;position:absolute;left:0;top:0;right:0;bottom:0;z-index:-5;pointer-events:none}@media only screen and (max-width:75em){.showcase_design{-webkit-clip-path:none;clip-path:none}}.showcase_bubbles{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.showcase_bubble{width:5rem;-webkit-animation:bubble 12s linear infinite;animation:bubble 12s linear infinite;transform:translateY(4vh);position:absolute;bottom:0}@-webkit-keyframes bubble{0%{bottom:0}50%{opacity:1}70%{opacity:1}to{opacity:0;bottom:110%}}@keyframes bubble{0%{bottom:0}50%{opacity:1}70%{opacity:1}to{opacity:0;bottom:110%}}.showcase_bubbles img:first-child{-webkit-animation-delay:-6.66s;animation-delay:-6.66s;width:2.5rem;left:10%}.showcase_bubbles img:nth-child(2){-webkit-animation-delay:-12s;animation-delay:-12s;left:20%}.showcase_bubbles img:nth-child(3){width:2.5rem;-webkit-animation-delay:-4s;animation-delay:-4s;left:30%}.showcase_bubbles img:nth-child(4){-webkit-animation-delay:-9.33s;animation-delay:-9.33s;left:40%}.showcase_bubbles img:nth-child(5){-webkit-animation-delay:-1.33s;animation-delay:-1.33s;left:50%}.showcase_bubbles img:nth-child(6){width:2.5rem;-webkit-animation-delay:-10.66s;animation-delay:-10.66s;left:60%}.showcase_bubbles img:nth-child(7){width:3.5rem;-webkit-animation-delay:-5.33s;animation-delay:-5.33s;left:70%}.showcase_bubbles img:nth-child(8){width:2rem;-webkit-animation-delay:-8s;animation-delay:-8s;left:80%}.showcase_bubbles img:nth-child(9){-webkit-animation-delay:-2.66s;animation-delay:-2.66s;left:90%}@media only screen and (max-width:75em){.showcase{flex-direction:column}}.showcase_box{height:63vh;flex:0 0 48%;display:flex;flex-direction:column;align-items:center;justify-content:center}.showcase_box1{display:flex;padding-top:3rem}@media only screen and (max-width:75em){.showcase_box1{margin-top:15rem}}@media only screen and (max-width:75em){.showcase_box2{margin-top:25rem;margin-bottom:25rem}}.showcase_box1_image{height:20rem;width:20rem;border-radius:50%;border:2px solid #000;box-shadow:0 2rem 4rem rgba(0,0,0,.2)}.showcase_box1_paragraph{font-size:3rem;letter-spacing:.2rem;font-weight:300;font-style:italic;text-align:center;color:#fff}@media only screen and (max-width:75em){.showcase_box1_paragraph{font-weight:400}}@media only screen and (max-width:37.5em){.showcase_box1_paragraph{padding:0 .5rem}}.footer{padding-top:3.2rem}.footer_icon_container{display:flex;justify-content:center}.footer_title_1{font-size:3rem;text-align:center;letter-spacing:.1rem;margin:2rem 0 4rem}.footer_title_2{font-size:1.5rem;text-align:center;margin:3rem 0;letter-spacing:.05rem;font-weight:900}.footer_icon_wrapper{margin:0 .5rem;padding:2rem;border-radius:50%;transition:all .5s ease;border:1px solid transparent;display:block;transform:rotate(45deg) skewY(-15deg) skewX(-15deg)}.footer_icon_wrapper_github:hover{border:1px solid navy;background-color:#4d0000;transform:none}.footer_icon_wrapper_github:hover .fill_github{fill:#fff}.footer_icon_wrapper_linkedin:hover{border:1px solid navy;background-color:#4d0000;transform:none}.footer_icon_wrapper_linkedin:hover .fill_linkedin{fill:#fff}.footer_icon{display:block;height:5rem;width:5rem}.fill_github{fill:#333}.fill_linkedin{fill:#0e76a8}.svg-slider_primary{padding-bottom:3.2rem}.svg-slider__container{position:relative;margin:auto;height:6.4rem;overflow:hidden}.svg-slider__item{display:inline-block;margin:1.6rem 3.2rem;transition:all 1s ease}.svg-slider__item:hover{cursor:pointer;transform:scale(1.5)}.svg-slider_items__container{display:flex}.svg-slider__container_negative_wrapper{transform:translateX(-86.4rem)}.svg-slider_items__container-1{-webkit-animation:firstBar 20s linear infinite;animation:firstBar 20s linear infinite}.svg-slider_items__container-2{-webkit-animation:secondBar 20s linear infinite;animation:secondBar 20s linear infinite}.svg-slider_items__container-3{-webkit-animation:thirdbar 20s linear infinite;animation:thirdbar 20s linear infinite}@-webkit-keyframes firstBar{0%{transform:translateX(0)}to{transform:translateX(-86.4rem)}}@keyframes firstBar{0%{transform:translateX(0)}to{transform:translateX(-86.4rem)}}@-webkit-keyframes secondBar{0%{transform:translateX(0)}to{transform:translateX(86.4rem)}}@keyframes secondBar{0%{transform:translateX(0)}to{transform:translateX(86.4rem)}}@-webkit-keyframes thirdbar{0%{transform:translateX(0)}to{transform:translateX(-96rem)}}@keyframes thirdbar{0%{transform:translateX(0)}to{transform:translateX(-96rem)}}.sol{height:3.2rem;width:3.2rem;display:inline-block}.stacked_items_wrapper{position:relative}.stacked_item_container3>*{opacity:.5}.stacked_item_container3{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.stacked_item_container3 :hover{cursor:pointer;opacity:1}.stacked_item_container5{display:inline-block;transform:rotate(45deg) skewY(-15deg) skewX(-15deg)}.stacked_item_container5 :hover{background-image:linear-gradient(red,#00f)}.stacked_item{height:12rem;width:12rem}.item_slotA1{z-index:10}.item_slotB1{transform:scale(1) translateY(-10rem);-webkit-animation:item1 15s infinite;animation:item1 15s infinite}@-webkit-keyframes item1{0%{transform:scale(1) translateY(-10rem);opacity:.5}4.16667%{transform:scale(1) translate(-10rem,-3rem);opacity:1}8.33332%{transform:scale(1) translateY(-10rem);opacity:1}8.33333%{transform:scale(1) translateY(-10rem);opacity:.5}75%{transform:scale(1) translateY(-10rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-3.75rem);opacity:1}91.66667%{transform:scale(1) translateY(10rem);opacity:1}to{transform:scale(1) translateY(-10rem);opacity:.5}}@keyframes item1{0%{transform:scale(1) translateY(-10rem);opacity:.5}4.16667%{transform:scale(1) translate(-10rem,-3rem);opacity:1}8.33332%{transform:scale(1) translateY(-10rem);opacity:1}8.33333%{transform:scale(1) translateY(-10rem);opacity:.5}75%{transform:scale(1) translateY(-10rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-3.75rem);opacity:1}91.66667%{transform:scale(1) translateY(10rem);opacity:1}to{transform:scale(1) translateY(-10rem);opacity:.5}}.item_slotA2{z-index:9}.item_slotB2{transform:scale(1) translateY(-7rem);-webkit-animation:item2 15s infinite;animation:item2 15s infinite}@-webkit-keyframes item2{8.33333%{transform:scale(1) translateY(-7rem);opacity:.5}12.5%{transform:scale(1) translate(10rem);opacity:1}16.66666%{transform:scale(1) translateY(-7rem);opacity:1}16.66667%{transform:scale(1) translateY(-7rem);opacity:.5}75%{transform:scale(1) translateY(-7rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-3.5rem);opacity:1}91.66667%{transform:scale(1) translateY(10.5rem);opacity:1}to{transform:scale(1) translateY(-7rem);opacity:.5}}@keyframes item2{8.33333%{transform:scale(1) translateY(-7rem);opacity:.5}12.5%{transform:scale(1) translate(10rem);opacity:1}16.66666%{transform:scale(1) translateY(-7rem);opacity:1}16.66667%{transform:scale(1) translateY(-7rem);opacity:.5}75%{transform:scale(1) translateY(-7rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-3.5rem);opacity:1}91.66667%{transform:scale(1) translateY(10.5rem);opacity:1}to{transform:scale(1) translateY(-7rem);opacity:.5}}.item_slotA3{z-index:8}.item_slotB3{transform:scale(1) translateY(-4rem);-webkit-animation:item3 15s infinite;animation:item3 15s infinite}@-webkit-keyframes item3{16.66667%{transform:scale(1) translateY(-4rem);opacity:.5}20.83333%{transform:scale(1) translate(-10rem,3rem);opacity:1}24.99999%{transform:scale(1) translateY(-4rem);opacity:1}25%{transform:scale(1) translateY(-4rem);opacity:.5}75%{transform:scale(1) translateY(-4rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-3.25rem);opacity:1}91.66667%{transform:scale(1) translateY(11rem);opacity:1}to{transform:scale(1) translateY(-4rem);opacity:.5}}@keyframes item3{16.66667%{transform:scale(1) translateY(-4rem);opacity:.5}20.83333%{transform:scale(1) translate(-10rem,3rem);opacity:1}24.99999%{transform:scale(1) translateY(-4rem);opacity:1}25%{transform:scale(1) translateY(-4rem);opacity:.5}75%{transform:scale(1) translateY(-4rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-3.25rem);opacity:1}91.66667%{transform:scale(1) translateY(11rem);opacity:1}to{transform:scale(1) translateY(-4rem);opacity:.5}}.item_slotA4{z-index:7}.item_slotB4{transform:scale(1) translateY(-1rem);-webkit-animation:item4 15s infinite;animation:item4 15s infinite}@-webkit-keyframes item4{25%{transform:scale(1) translateY(-1rem);opacity:.5}29.16667%{transform:scale(1) translate(10rem,6rem);opacity:1}33.33332%{transform:scale(1) translateY(-1rem);opacity:1}33.33333%{transform:scale(1) translateY(-1rem);opacity:.5}75%{transform:scale(1) translateY(-1rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-3rem);opacity:1}91.66667%{transform:scale(1) translateY(11.5rem);opacity:1}to{transform:scale(1) translateY(-1rem);opacity:.5}}@keyframes item4{25%{transform:scale(1) translateY(-1rem);opacity:.5}29.16667%{transform:scale(1) translate(10rem,6rem);opacity:1}33.33332%{transform:scale(1) translateY(-1rem);opacity:1}33.33333%{transform:scale(1) translateY(-1rem);opacity:.5}75%{transform:scale(1) translateY(-1rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-3rem);opacity:1}91.66667%{transform:scale(1) translateY(11.5rem);opacity:1}to{transform:scale(1) translateY(-1rem);opacity:.5}}.item_slotA5{z-index:6}.item_slotB5{transform:scale(1) translateY(2rem);-webkit-animation:item5 15s infinite;animation:item5 15s infinite}@-webkit-keyframes item5{33.33333%{transform:scale(1) translateY(2rem);opacity:.5}37.5%{transform:scale(1) translate(-10rem,9rem);opacity:1}41.66666%{transform:scale(1) translateY(2rem);opacity:1}41.66667%{transform:scale(1) translateY(2rem);opacity:.5}75%{transform:scale(1) translateY(2rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-2.75rem);opacity:1}91.66667%{transform:scale(1) translateY(12rem);opacity:1}to{transform:scale(1) translateY(2rem);opacity:.5}}@keyframes item5{33.33333%{transform:scale(1) translateY(2rem);opacity:.5}37.5%{transform:scale(1) translate(-10rem,9rem);opacity:1}41.66666%{transform:scale(1) translateY(2rem);opacity:1}41.66667%{transform:scale(1) translateY(2rem);opacity:.5}75%{transform:scale(1) translateY(2rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-2.75rem);opacity:1}91.66667%{transform:scale(1) translateY(12rem);opacity:1}to{transform:scale(1) translateY(2rem);opacity:.5}}.item_slotA6{z-index:5}.item_slotB6{transform:scale(1) translateY(5rem);-webkit-animation:item6 15s infinite;animation:item6 15s infinite}@-webkit-keyframes item6{41.66667%{transform:scale(1) translateY(5rem);opacity:.5}45.83333%{transform:scale(1) translate(10rem,12rem);opacity:1}49.99999%{transform:scale(1) translateY(5rem);opacity:1}50%{transform:scale(1) translateY(5rem);opacity:.5}75%{transform:scale(1) translateY(5rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-2.5rem);opacity:1}91.66667%{transform:scale(1) translateY(12.5rem);opacity:1}to{transform:scale(1) translateY(5rem);opacity:.5}}@keyframes item6{41.66667%{transform:scale(1) translateY(5rem);opacity:.5}45.83333%{transform:scale(1) translate(10rem,12rem);opacity:1}49.99999%{transform:scale(1) translateY(5rem);opacity:1}50%{transform:scale(1) translateY(5rem);opacity:.5}75%{transform:scale(1) translateY(5rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-2.5rem);opacity:1}91.66667%{transform:scale(1) translateY(12.5rem);opacity:1}to{transform:scale(1) translateY(5rem);opacity:.5}}.item_slotA7{z-index:4}.item_slotB7{transform:scale(1) translateY(8rem);-webkit-animation:item7 15s infinite;animation:item7 15s infinite}@-webkit-keyframes item7{50%{transform:scale(1) translateY(8rem);opacity:.5}54.16667%{transform:scale(1) translate(-10rem,15rem);opacity:1}58.33332%{transform:scale(1) translateY(8rem);opacity:1}58.33333%{transform:scale(1) translateY(8rem);opacity:.5}75%{transform:scale(1) translateY(8rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-2.25rem);opacity:1}91.66667%{transform:scale(1) translateY(13rem);opacity:1}to{transform:scale(1) translateY(8rem);opacity:.5}}@keyframes item7{50%{transform:scale(1) translateY(8rem);opacity:.5}54.16667%{transform:scale(1) translate(-10rem,15rem);opacity:1}58.33332%{transform:scale(1) translateY(8rem);opacity:1}58.33333%{transform:scale(1) translateY(8rem);opacity:.5}75%{transform:scale(1) translateY(8rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-2.25rem);opacity:1}91.66667%{transform:scale(1) translateY(13rem);opacity:1}to{transform:scale(1) translateY(8rem);opacity:.5}}.item_slotA8{z-index:3}.item_slotB8{transform:scale(1) translateY(11rem);-webkit-animation:item8 15s infinite;animation:item8 15s infinite}@-webkit-keyframes item8{58.33333%{transform:scale(1) translateY(11rem);opacity:.5}62.5%{transform:scale(1) translate(10rem,18rem);opacity:1}66.66666%{transform:scale(1) translateY(11rem);opacity:1}66.66667%{transform:scale(1) translateY(11rem);opacity:.5}75%{transform:scale(1) translateY(11rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-2rem);opacity:1}91.66667%{transform:scale(1) translateY(13.5rem);opacity:1}to{transform:scale(1) translateY(11rem);opacity:.5}}@keyframes item8{58.33333%{transform:scale(1) translateY(11rem);opacity:.5}62.5%{transform:scale(1) translate(10rem,18rem);opacity:1}66.66666%{transform:scale(1) translateY(11rem);opacity:1}66.66667%{transform:scale(1) translateY(11rem);opacity:.5}75%{transform:scale(1) translateY(11rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-2rem);opacity:1}91.66667%{transform:scale(1) translateY(13.5rem);opacity:1}to{transform:scale(1) translateY(11rem);opacity:.5}}.item_slotA9{z-index:2}.item_slotB9{transform:scale(1) translateY(14rem);-webkit-animation:item9 15s infinite;animation:item9 15s infinite}@-webkit-keyframes item9{66.66667%{transform:scale(1) translateY(14rem);opacity:.5}70.83333%{transform:scale(1) translate(-10rem,21rem);opacity:1}74.99999%{transform:scale(1) translateY(14rem);opacity:1}75%{transform:scale(1) translateY(14rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-1.75rem);opacity:1}91.66667%{transform:scale(1) translateY(14rem);opacity:1}to{transform:scale(1) translateY(14rem);opacity:.5}}@keyframes item9{66.66667%{transform:scale(1) translateY(14rem);opacity:.5}70.83333%{transform:scale(1) translate(-10rem,21rem);opacity:1}74.99999%{transform:scale(1) translateY(14rem);opacity:1}75%{transform:scale(1) translateY(14rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-1.75rem);opacity:1}91.66667%{transform:scale(1) translateY(14rem);opacity:1}to{transform:scale(1) translateY(14rem);opacity:.5}}.item_slotA10{z-index:1}.item_slotB10{transform:scale(1) translateY(17rem);-webkit-animation:item10 15s infinite;animation:item10 15s infinite}@-webkit-keyframes item10{79.16667%{transform:scale(1) translate(10rem,24rem);opacity:1}83.33332%{transform:scale(1) translateY(17rem);opacity:1}83.33333%{transform:scale(1) translateY(17rem);opacity:.5}75%{transform:scale(1) translateY(17rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-1.5rem);opacity:1}91.66667%{transform:scale(1) translateY(14.5rem);opacity:1}to{transform:scale(1) translateY(17rem);opacity:.5}}@keyframes item10{79.16667%{transform:scale(1) translate(10rem,24rem);opacity:1}83.33332%{transform:scale(1) translateY(17rem);opacity:1}83.33333%{transform:scale(1) translateY(17rem);opacity:.5}75%{transform:scale(1) translateY(17rem);opacity:.5}83.33333%{transform:scale(1.5) translateY(-1.5rem);opacity:1}91.66667%{transform:scale(1) translateY(14.5rem);opacity:1}to{transform:scale(1) translateY(17rem);opacity:.5}}.item_slotC1{background-color:orange}.item_slotC2{background-color:#00f}.item_slotC3{background-color:#ff0}.item_slotC4{background-color:teal}.item_slotC5{background-color:green}.item_slotC6{background-color:#adff2f}.item_slotC7{background-color:brown}.item_slotC8{background-color:purple}.item_slotC9{background-color:#000}.btn{display:inline-block;text-decoration:none;font-size:2rem;padding:1rem 3rem;color:#fff;transition:all .4s ease;border-radius:5px;outline:none;border:1px solid transparent;cursor:pointer}.btn_orange{background-color:#e84302}.btn_orange:hover{background:#fff;color:#e84302;border:1px solid #e84302}.btn_red{background-color:red}.btn_red:hover{background:#fff;color:red;border:1px solid red}.btn_blue{background-color:#2998ff}.btn_blue:hover{background:#fff;color:#2998ff;border:1px solid #2998ff}.btn_disabled{background-color:#222;opacity:.5;cursor:not-allowed}.btn_disabled:hover{background-color:#222;color:#fff;border:1px solid transparent}.mouse{margin:auto;height:5.5rem;width:3.5rem;border:3px solid #fff;border-radius:1.5rem;transition:all .3s ease-out;position:relative;cursor:pointer}.mouse:hover{border-color:#e84302}.mouse:hover>.mouse_dot{background-color:#000}.mouse_dot{height:.9rem;width:.9rem;background-color:#fff;position:absolute;left:50%;top:25%;border-radius:3px;transform:translate(-50%,-50%);-webkit-animation:mouse_dot 3s infinite;animation:mouse_dot 3s infinite}@-webkit-keyframes mouse_dot{0%{top:25%}20%{top:70%;width:.6rem}40%{width:.9rem;top:25%}}@keyframes mouse_dot{0%{top:25%}20%{top:70%;width:.6rem}40%{width:.9rem;top:25%}}.display{display:flex;justify-content:center}.display_title{font-size:2.5rem;letter-spacing:.1rem;position:relative;background-image:linear-gradient(90deg,#0072dc,#1805b9);color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:2rem;border-bottom:2px solid #0072dc}.display_title:before{background-image:linear-gradient(90deg,#0057a9,#1e06ea);left:-25%}.display_title:after,.display_title:before{content:"";height:3px;width:20px;display:inline-block;position:absolute;top:30%;transform:translateY(-50%)}.display_title:after{background-image:linear-gradient(90deg,#0072dc,#1805b9);right:-25%}.display1{margin-top:7rem}.display2{padding-top:4rem;background-image:linear-gradient(90deg,#404244,#232526);padding-bottom:1rem}.display2 .display_title{font-size:2.5rem;letter-spacing:.1rem;position:relative;background-image:linear-gradient(90deg,#d9d9d9,#bfbfbf);color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:2rem;border-bottom:2px solid #d9d9d9}.display2 .display_title:before{background-image:linear-gradient(90deg,#d9d9d9,#bfbfbf);left:-25%}.display2 .display_title:after,.display2 .display_title:before{content:"";height:3px;width:20px;display:inline-block;position:absolute;top:30%;transform:translateY(-50%)}.display2 .display_title:after{background-image:linear-gradient(90deg,#bfbfbf,#d9d9d9);right:-25%}.display3{padding-top:4rem}.skillbox{margin:4.75rem auto 12rem;width:60%;box-shadow:0 1rem 4rem rgba(0,0,0,.4);border-radius:5px;overflow:hidden;opacity:0}@media only screen and (max-width:75em){.skillbox{width:95%}}.skillbox_top{background:#63656b;height:4rem;display:flex;align-items:center}.skillbox_circle{margin-left:1rem;height:1.5rem;width:1.5rem;display:inline-block;border-radius:50%}.skillbox_circle_red{background-color:#ff5f57}.skillbox_circle_yellow{background-color:#ffbd2e}.skillbox_circle_green{background-color:#2ace42}.skillbox_body{background-color:#282c34;padding:4rem 3rem}.skillbox_text_wrapper{display:block}.skillbox_text{color:#fff;font-size:1.5rem;font-weight:400;overflow:hidden;display:inline-block;position:relative;line-height:1.7;letter-spacing:.1rem;word-spacing:.25rem}.skillbox_text_green{color:#86cb42;position:relative;font-weight:500}.skillbox_text_normal{display:inline-block;position:relative}.skillbox_square{width:.9rem;background:#fff;position:absolute;right:0;top:0;bottom:0;display:inline-block}.skillbox_home{position:relative;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.setwidthmargin{width:145px;margin-right:1rem}@media only screen and (max-width:75em){.setwidthmargin{width:130px}}.display_none,.setwidthmargin .skillbox_square{display:none}.skillbox_blinker{-webkit-animation:skillbox_blinker 1s linear infinite;animation:skillbox_blinker 1s linear infinite}@-webkit-keyframes skillbox_blinker{1%{opacity:0}50%{opacity:0}51%{opacity:1}}@keyframes skillbox_blinker{1%{opacity:0}50%{opacity:0}51%{opacity:1}}.solbox .skillbox{-webkit-animation:skillbox_wrapper 1s linear forwards;animation:skillbox_wrapper 1s linear forwards}@-webkit-keyframes skillbox_wrapper{0%{transform:translate(10%);opacity:0}70%{transform:translate(-2%);opacity:1}to{transform:translate(0);opacity:1}}@keyframes skillbox_wrapper{0%{transform:translate(10%);opacity:0}70%{transform:translate(-2%);opacity:1}to{transform:translate(0);opacity:1}}.icon{background-color:#222;padding:4rem 0}.icon_container{display:flex;justify-content:center;transform:translateY(100%);opacity:0;transition:all 1.5s ease;flex-wrap:wrap}.icon_item{margin:3rem}.icon .stacked_item{height:8rem;width:8rem}.icon .solbox{transform:translateY(0);opacity:1}.portfolio{padding-top:5rem;padding-bottom:5rem;background-image:linear-gradient(90deg,#404244,#232526)}.portfolio_wrapper{margin-bottom:10rem}.portfolio_item{display:flex;justify-content:center;align-items:center}@media only screen and (max-width:75em){.portfolio_item{flex-direction:column}}.portfolio_item>*{flex:0 0 30%}.portfolio_description{margin-right:10rem;transform:translateY(100%);opacity:0;transition:all 1.5s ease}@media only screen and (max-width:75em){.portfolio_description{width:70%;margin:auto}}.portfolio_description.solbox{transform:translateY(0);opacity:1}.portfolio_description_title{font-size:2.5rem;color:#fff;text-align:center;margin-bottom:1.5rem;font-weight:400}.portfolio_description_paragraph{font-size:1.5rem;margin:1.5rem 0;color:#9fc3e5;font-weight:300}.portfolio_description_recap{font-size:1.5rem;margin:1.5rem 0;color:#bbbfc2}.portfolio_description_eye_wrapper{text-align:center}@media only screen and (max-width:75em){.portfolio_description_eye_wrapper{margin-bottom:3rem}}.portfolio_description_eye_container{display:inline-block;padding:.5rem 3rem;border:1px solid #1f98eb;border-radius:5px;transition:all .3s}.portfolio_description_eye_container:hover{background-color:#1f98eb;border:1px solid #fff}.portfolio_description_eye_container:hover .portfolio_description_eye{fill:#fff}.portfolio_description_eye{height:2rem;width:2rem;fill:#1f98eb;display:block}.portfolio_image_container{transform:translateX(25%);opacity:0;transition:all 1.5s ease}@media only screen and (max-width:75em){.portfolio_image_container{width:60%}}.portfolio_image_container.solbox{transform:translateX(0);opacity:1}.portfolio_image{width:100%;transition:all 1s ease}.portfolio_image:hover{transform:scale(1.02);box-shadow:0 1rem 2rem hsla(0,0%,100%,.1)}.contact{padding:5rem 0}.contact_container{display:flex;justify-content:center}.contact_title{font-size:2.25rem;letter-spacing:.1rem;text-align:center;color:#333}.contact_flexbox{margin-top:7rem;display:flex;justify-content:center}@media only screen and (max-width:58.25em){.contact_flexbox{flex-direction:column}}.contact_flexbox .contact_container:first-child{margin-right:10rem}@media only screen and (max-width:58.25em){.contact_flexbox .contact_container:first-child{margin-right:0}}.contact_fixed_size{width:400px}@media only screen and (max-width:58.25em){.contact_fixed_size{width:100%;margin:0 3rem 5rem}}.contact_group{position:relative}.contact_spacer{margin-top:6rem}@media only screen and (max-width:58.25em){.contact_spacer{margin-top:0}}.contact_group_label{position:absolute;left:0;top:1rem;transition:all .5s ease;font-size:1.5rem;pointer-events:none;transform:translateX(1rem);background-image:linear-gradient(90deg,#0072dc,#1805b9);color:transparent;-webkit-background-clip:text;background-clip:text}.contact_group_input{width:100%;padding:1rem;box-shadow:none;outline:none;font-size:1.5rem;font-family:"Roboto",sans-serif;background-color:#fff;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;outline:1px solid rgba(0,0,0,.5)}.contact.disabled .contact_group_input{background-color:#ddd;cursor:not-allowed}.contact_group_line_container{position:absolute;height:100%;width:100%;top:0;left:0;overflow:hidden;pointer-events:none}.contact_group_line_container:after{content:"";display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;background-color:#5643fa;transform:translateX(-100%)}.contact_group_input:not(:-ms-input-placeholder){outline:1px solid #2998ff;border:1px solid #2998ff}.contact_group_input:focus,.contact_group_input:not(:placeholder-shown){outline:1px solid #2998ff;border:1px solid #2998ff}.contact_group_input:focus~.contact_group_line_container:after{transition:all .5s ease;transform:translateX(0)}.contact_group_input:not(:-ms-input-placeholder)+.contact_group_label{top:-3rem;transform:none;font-size:2rem}.contact_group_input:focus+.contact_group_label,.contact_group_input:not(:placeholder-shown)+.contact_group_label{top:-3rem;transform:none;font-size:2rem}@media only screen and (max-width:58.25em){.contact_group_textarea_container{width:100%;margin:0 3rem}}.contact_group_textarea{resize:none;height:15rem;width:calc(800px + 10rem);padding:1rem}@media only screen and (max-width:58.25em){.contact_group_textarea{width:100%}}.contact_button_flexbox,.modal{display:flex;justify-content:center}.modal{position:fixed;height:100vh;width:100%;top:0;left:0;z-index:9999;align-items:center}.modal.slideAway{pointer-events:none}.modal_container{background:#000;border-radius:10px;box-shadow:0 1rem 4rem rgba(0,0,0,.2);position:relative;margin:0 3rem;overflow:hidden;-webkit-animation:slidefrombottom 1s ease;animation:slidefrombottom 1s ease}.modal.slideAway .modal_container{-webkit-animation:slidefrombottomReverse 1s ease;animation:slidefrombottomReverse 1s ease}.modal_top{background:#63656b;height:4rem;display:flex;align-items:center}.modal_circle{margin-left:1rem;height:1.5rem;width:1.5rem;display:inline-block;border-radius:50%}.modal_circle_red{background-color:#ff5f57}.modal_circle_yellow{background-color:#ffbd2e}.modal_circle_green{background-color:#2ace42}.modal_body{padding:3rem 9rem}@media only screen and (max-width:49em){.modal_body{padding-left:3rem;padding-right:3rem}}.modal_close{height:2.5rem;width:2.5rem;position:absolute;right:.75rem;top:.75rem}.modal_close .vanilla_item{fill:#fff;cursor:pointer}.modal_close:hover .vanilla_item{fill:#daa520}.modal_title{font-weight:800;display:inline-block;text-align:right;color:#f7f7f7;width:9rem;padding-right:2rem}@media only screen and (max-width:49em){.modal_title{width:auto;padding-right:1rem}}.modal_text{color:#fff;padding:.5rem 2rem;font-size:1.5rem;letter-spacing:.05rem;color:#2998ff;line-height:1.7}@-webkit-keyframes slidefrombottom{0%{transform:translateX(150%) scale(.1);opacity:0}90%{transform:translateX(-2%)}to{transform:translateX(0);opacity:1}}@keyframes slidefrombottom{0%{transform:translateX(150%) scale(.1);opacity:0}90%{transform:translateX(-2%)}to{transform:translateX(0);opacity:1}}@-webkit-keyframes slidefrombottomReverse{0%{transform:translateX(0)}20%{transform:translateX(30%)}to{transform:translateX(-150%) scale(.1);opacity:0}}@keyframes slidefrombottomReverse{0%{transform:translateX(0)}20%{transform:translateX(30%)}to{transform:translateX(-150%) scale(.1);opacity:0}}.loading{display:flex;height:80vh;align-items:center;justify-content:center;flex-direction:column;text-align:center}.loading h1{font-size:4rem}.stage_1{background-image:linear-gradient(90deg,#2998ff,#5643fa);-webkit-clip-path:polygon(0 0,100% 0,100% 6%,45% 6%,100% 65%,100% 90%,0 90%);clip-path:polygon(0 0,100% 0,100% 6%,45% 6%,100% 65%,100% 90%,0 90%);position:absolute;top:0;left:0;right:0;bottom:0;opacity:1;z-index:-1}@media only screen and (max-width:75em){.stage_1{height:112vh;-webkit-clip-path:polygon(0 0,100% 0,100% 6%,45% 6%,100% 65%,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 6%,45% 6%,100% 65%,100% 100%,0 100%)}}.mt-2rem{margin-top:2rem}.mt-4rem{margin-top:4rem}.mt-6rem{margin-top:6rem}.mt-18rem{margin-top:18rem}.mt-s{margin-top:8rem}.mx-1rem{margin-left:1rem;margin-right:1rem}
/*# sourceMappingURL=main.5238c68a.chunk.css.map */