.icon-email{max-height:30px;max-width:40px}*{font-family:Roboto,sans-serif;margin:0;padding:0}.img-profile{object-fit:cover;object-position:10%;width:100px;height:100px;box-shadow:0 0 21px -6px rgba(0,0,0,.75)}.header-box{width:100%;margin-top:1rem;min-height:100px}.header-box h1,h3{margin-bottom:0}div{width:100%}hr{border:0;height:1px;width:0;transition:all .8s;background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.75),transparent)}@media only screen and (min-width:1024px){.img-profile{width:150px;height:150px}.header-box{width:100%;min-height:150px}}.fadeInLeft,.fadeInProfile{animation-name:fadeInLeft;animation-duration:1s;animation-fill-mode:both}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight;animation-duration:1s;animation-fill-mode:both}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeIn{animation-name:fadeIn;animation-duration:1s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media only screen and (min-width:1024px){.fadeInProfile{animation-name:fadeIn;animation-duration:1s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.img-experience{max-height:153px!important;margin:0 auto;max-width:100%!important}.text-white{font-size:2vw}.card-portfolio{position:relative;display:flex;align-items:flex-end;border-radius:.25rem}.card-portfolio .info{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;top:0;opacity:0;padding:1.25rem;height:100%;color:#fff;font-weight:700;transform:translateY(30px);transition:.5s;z-index:2}.card-portfolio .info p{margin:0}@media only screen and (min-width:992px){.card-portfolio .info{padding:1.25rem}.card-portfolio .info p{margin-bottom:1rem}.card-portfolio img{min-height:255px}}.card-portfolio:hover .info{opacity:1;transform:translateY(0)}.card-portfolio:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:2;transition:.5s;opacity:0;border-radius:.25rem}.card-portfolio:hover:before{opacity:1}.skill{width:150px}.card{text-align:center;align-items:center;width:100%}.card p{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skill-card{position:relative}.skill-logo{position:absolute;top:0;opacity:0;padding:5px 0 2px;background-color:#fff;transition:all .3s}.skill-logo img{height:28px}@media only screen and (min-width:1024px){.skill-logo img{height:40px}}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#__next,body,html{height:100%}a{color:inherit;text-decoration:none}*{box-sizing:border-box}main{overflow-y:hidden}.content-box{width:100%;height:100%}html::-webkit-scrollbar{width:.7em;position:absolute;background:transparent;overflow:overlay}html::-webkit-scrollbar-thumb{background:#212529}html::-webkit-scrollbar-track{background:transparent}.darkmode-toggle{z-index:3}@media only screen and (max-width:640px){.darkmode-layer,.darkmode-toggle{right:8px!important;bottom:8px!important}}.darkmode--activated .fs-4,.darkmode--activated h1,.darkmode--activated h2,.darkmode--activated h4,.darkmode--activated p{color:#c9d1d9}.darkmode--activated .card{background-color:#212529;color:#c9d1d9}.darkmode--activated .skill-logo{background-color:#212529}.darkmode--activated .card-header{background-color:#c9d1d9!important;color:#212529!important}.darkmode--activated .card-body,.darkmode--activated button:not(.darkmode-toggle){background-color:#212529;color:#c9d1d9}.darkmode--activated button:hover:not(.darkmode-toggle){background-color:#32373b;color:#c9d1d9}.darkmode--activated hr{background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.75),hsla(0,0%,100%,0))}.darkmode--activated button>img{filter:brightness(0) invert(1)}.darkmode--activated .card .row{background-color:#32373b}html{height:100%}body{margin:0}.index-container{display:flex;justify-content:center;flex-direction:column;text-align:center;height:100%;overflow:hidden}.bored{position:relative;background:linear-gradient(180deg,#202020,#111119);width:100%}.bored,.web{display:flex;align-items:center;justify-content:center;height:100%;flex:1 1}.web{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 10s ease infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.button{padding:.5em;margin:0 .8em;border:2px solid #fff;background-color:transparent;font-family:Roboto,sans-serif;color:#fff}@media (min-width:480px){.index-container{flex-direction:row}}.rain{position:absolute;left:0;width:95%;height:100%;z-index:2}.rain.back-row{display:none;z-index:1;bottom:60px;opacity:.5}.drop{position:absolute;bottom:100%;width:15px;height:120px;pointer-events:none;animation:drop .5s linear infinite}@keyframes drop{0%{transform:translateY(0)}75%{transform:translateY(55vh)}to{transform:translateY(55vh)}}.stem{width:1px;height:60%;margin-left:7px;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.25));animation:stem .5s linear infinite}@keyframes stem{0%{opacity:1}65%{opacity:1}75%{opacity:0}to{opacity:0}}.splat{width:15px;height:10px;border-top:2px dotted hsla(0,0%,100%,.5);border-radius:50%;opacity:1;transform:scale(0);animation:splat .5s linear infinite;display:none}.splat-toggle .splat{display:block}@keyframes splat{0%{opacity:1;transform:scale(0)}80%{opacity:1;transform:scale(0)}90%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (min-width:480px){.rain{top:8%}@keyframes drop{0%{transform:translateY(0)}75%{transform:translateY(100vh)}to{transform:translateY(100vh)}}}@import"https://fonts.googleapis.com/css?family=Black+Ops+One";.container-404{background:#e6e6e6;width:100%;min-height:100vh;font-weight:700;font-size:1em;display:flex;justify-content:center;flex-direction:column;font-family:Black Ops One,cursive;-webkit-user-select:none;-moz-user-select:none;user-select:none}canvas{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.text .wrap{fill:#fff}.overlay{height:0;width:0;overflow:hidden;position:absolute}.overlay .txt{font-size:14rem;text-transform:uppercase;font-weight:900;letter-spacing:-.5rem;text-shadow:0 -3px 0 #0d0d0d,0 6px 8px hsla(0,0%,5%,.55),0 9px 10px hsla(0,0%,5%,.25)}.overlay .txt2{font-size:4rem}.section-404{align-self:center}.h1-404{position:relative;font-size:8em;font-weight:700;line-height:1;display:inline-block;width:900px;height:400px}.h1-404 .fill{position:relative;width:100%;height:100%;overflow:hidden}.h1-404 .inv{position:absolute;width:900px;height:400px;top:0;left:0}.h1-404 .rect{fill:#e6e6e6}.h1-404 .clear{fill:transparent}