@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");*,*::before,*::after{box-sizing:border-box}html,body,.app{margin:0;min-height:100vh}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}body{color:#fff;background-color:#0d2c55;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}.app{display:flex;flex-direction:column;flex-wrap:nowrap}.nav{z-index:1;width:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5em 1em;flex:0 0 5em}.nav img:hover{filter:drop-shadow(0 0 5px rgba(202,228,225,.2)) drop-shadow(-2px 0 5px rgba(238,56,86,.25)) drop-shadow(2px 0 5px rgba(76,201,240,.25))}@media (min-width: 992px){.nav{width:75%;margin:auto;font-size:1.2em}.nav img{width:140px;height:100px;transition:.2s}}.nav .nav-right{display:flex;justify-content:space-between;align-items:center;flex-direction:row}.nav .nav-right .languages{margin-right:2rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media (min-width: 992px){.nav .nav-right .languages{margin-left:2rem}}.nav .nav-right .languages>*{margin-left:.5rem}@media (min-width: 992px){.nav .nav-right .languages>*{margin-left:.5rem}}.nav .nav-right .languages>*.active{text-shadow:2px 2px 1px #16213e,-2px -2px 1px #16213e;font-size:1.5rem}.nav .nav-item:hover{transform:translateY(-2px)}.nav .nav-item:active{transform:translateY(2px)}.nav .nav-item.active{text-shadow:0 0 6px rgba(202,228,225,.5)}.nav .nav-item.active img{filter:drop-shadow(0 0 5px rgba(202,228,225,.2)) drop-shadow(-2px 0 5px rgba(238,56,86,.4)) drop-shadow(2px 0 5px rgba(76,201,240,.4))}.nav .nav-item.active span{position:relative;display:inline-block}.nav .nav-item.active span:before{transition:.2s;box-shadow:0 0 6px #cae4e1;position:absolute;height:2px;width:50%;left:25%;transform:translate(0, -50%);bottom:-5px;background:#fff;display:block;content:"";border-radius:2px}.nav .nav-item.active span:hover:before{box-shadow:3px 0 2px rgba(76,201,240,.75),-3px 0 2px rgba(238,56,86,.75)}.nav .nav-item:hover{text-shadow:2px 0 2px rgba(76,201,240,.75),-2px 0 2px rgba(238,56,86,.75)}.container{height:auto;display:flex;flex:1 1 auto;flex-wrap:nowrap;justify-content:center;align-items:center}.footer{display:flex;flex:0 0 4em;align-items:center;justify-content:center;font-weight:600}.footer .copyright{color:#ee3856}@media (min-width: 992px){.footer{margin:auto;font-size:1.2em}}.font-medium{font-weight:500}.font-thin{font-weight:300}a{color:#fff;text-decoration:none;font-weight:600;transition:.2s}@keyframes skew{0%{transform:skew(0deg) rotate3D(0, 0, 1, 0deg)}25%{transform:skew(6deg) rotate3D(0, .1, 1, 90deg)}50%{transform:skew(3deg) rotate3D(0, 0, 1, 190deg)}75%{transform:skew(5deg) rotate3D(0, .2, 1, 270deg)}100%{transform:skew(1deg) rotate3D(0, 0, 1, 360deg)}}@keyframes fluid-border{0%{border-radius:165px 200px 180px 160px}25%{border-radius:200px 150px 190px 200px}50%{border-radius:190px 200px 100px 186px}75%{border-radius:200px 175px 151px 180px}100%{border-radius:165px 200px 180px 160px}}.homepage{text-align:center}.homepage .img-profile-wrapper{margin:auto;border-radius:50%;position:relative;width:270px;height:270px}.homepage .img-profile-wrapper .circle{filter:drop-shadow(0 0 5px rgba(202,228,225,.4)) drop-shadow(-5px 0 5px rgba(238,56,86,.5)) drop-shadow(5px 0 5px rgba(76,201,240,.5));position:absolute;top:0;left:0;border-radius:inherit;background:#fff;width:inherit;height:inherit;animation:fluid-border 4s ease-in-out infinite,skew 6s linear infinite}.homepage .img-profile-wrapper img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:inherit}@media (min-width: 992px){.homepage .img-profile-wrapper{padding:.5em 2em;font-size:2em}.homepage .img-profile-wrapper .circle{width:inherit;height:inherit}.homepage .img-profile-wrapper img{width:250px;height:250px}}.homepage .content{display:flex;flex-direction:column;justify-content:space-between;line-height:1.5em;margin-top:2em}.homepage .content>*{flex-basis:1.5em}.homepage .content .content-title{display:flex;flex-direction:column;font-size:1.8em;font-weight:600}.homepage .content .content-subtitle{display:flex;flex-direction:column}.homepage .content .content-icons{margin:1em;font-size:1.75em}.homepage .content .content-icons a{position:relative;margin:0 .2em}.homepage .content .content-icons a>i{transition:.5s;text-shadow:0 0 6px rgba(202,228,225,.25)}.homepage .content .content-icons a>i:hover{transform:translateY(-1px);text-shadow:3px 0 2px rgba(76,201,240,.75),-3px 0 2px rgba(238,56,86,.75)}.homepage .content .content-icons a>i:active{transform:translateY(1px)}@media (min-width: 992px){.homepage .content{font-size:1em}}.about{font-weight:400;padding:1em}.about h1{font-family:"Bebas Neue",cursive;font-weight:400}@media (min-width: 992px){.about{width:min(120ch,100% - 64px)}}.about .resume-header{padding:.25rem 1rem .5rem;margin:0 0 2rem}.about .resume-header .resume-content{font-style:italic}@media (min-width: 992px){.about .resume-header{padding:.5rem 2rem 1rem}}.about .content-block{background-color:#16213e;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);margin:2rem 0;border-radius:.5rem;padding:.25rem 1rem .5rem}.about .content-block h2{font-weight:500;color:#ee3856}.about .content-block h2 a{color:#ee3856}.about .content-block h2 a:hover{color:#4cc9f0}.about .content-block p{margin:.5em 0}@media (min-width: 992px){.about{padding:2em;font-size:1em}}.about ul{list-style:none}.about li::before{content:"• ";color:#ee3856}.error_content{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.error_content h1{position:relative}.error_content h1 .char1{transform:rotate(-18.5555555556deg)}.error_content h1 .char2{transform:rotate(-14.1111111111deg)}.error_content h1 .char3{transform:rotate(-9.6666666667deg)}.error_content h1 .char4{transform:rotate(-5.2222222222deg)}.error_content h1 .char5{transform:rotate(-.7777777778deg)}.error_content h1 .char6{transform:rotate(3.6666666667deg)}.error_content h1 .char7{transform:rotate(8.1111111111deg)}.error_content h1 .char8{transform:rotate(12.5555555556deg)}.error_content h1 .char9{transform:rotate(17deg)}.error_content h1 span{font:26px Monaco,MonoSpace;height:200px;position:absolute;width:20px;left:0;top:0;transform-origin:bottom center}.error_content img{margin:2rem;width:10rem}@media (min-width: 992px){.error_content img{margin:3rem;width:20rem}}