@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;600;700&family=Vampiro+One&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}a,del,ins{text-decoration:none}a{color:inherit}button,label{cursor:pointer}button,input{outline:0}body{font-family:sans-serif}html{height:100%}body,html{width:100%}body{background-color:#161616;background:-webkit-gradient(linear,left top,left bottom,color-stop(80%,#161616),to(#408394))!important;background:linear-gradient(180deg,#161616 80%,#408394)!important;height:calc(100% - 2rem)}#root{height:calc(100% + 1rem)}.app{font-family:Roboto Mono;height:100%}.app,.app--description{color:#408394}.app--description .header__button{background-color:#408394}.app--career{background:-webkit-gradient(linear,left top,left bottom,color-stop(80%,#161616),to(#8a4094));background:linear-gradient(180deg,#161616 80%,#8a4094);color:#8a4094}.app--career .header__button{background-color:#8a4094}.app--skills{background:-webkit-gradient(linear,left top,left bottom,color-stop(80%,#161616),to(#128b5d));background:linear-gradient(180deg,#161616 80%,#128b5d);color:#128b5d}.app--skills .header__button{background-color:#128b5d}.app--projects{background:-webkit-gradient(linear,left top,left bottom,color-stop(80%,#161616),to(#b4c51a));background:linear-gradient(180deg,#161616 80%,#b4c51a);color:#b4c51a}.app--projects .header__button{background-color:#b4c51a}.app--contact{background:-webkit-gradient(linear,left top,left bottom,color-stop(80%,#161616),to(#7c2c21));background:linear-gradient(180deg,#161616 80%,#7c2c21);color:#7c2c21}.app--contact .header__button{background-color:#7c2c21}.app--li{background:-webkit-gradient(linear,left top,left bottom,color-stop(80%,#161616),to(#d8d8d8));background:linear-gradient(180deg,#161616 80%,#d8d8d8);color:#d8d8d8}.app--li .header__button{background-color:#d8d8d8}.footer{bottom:10px;color:#000;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;left:10px;position:absolute}.header__title{font-family:Vampiro One}.header__sidebar{background-color:#161616;border:3px solid #504f4f;font-family:Roboto Mono}.header__sidebar--title{font-family:Vampiro One;font-weight:700}.header__link--active{background-color:#e9e8e8;border:1px solid #e9e8e8;border-radius:15%;-webkit-box-shadow:0 0 7px 6px #e9e8e8;box-shadow:0 0 7px 6px #e9e8e8}.main-color{color:#408394}.career-color{color:#8a4094}.skills-color{color:#128b5d}.projects-color{color:#b4c51a}.contact-color{color:#7c2c21}.li-color{color:#d8d8d8}.description{background-color:#e9e8e8;border:5px solid #408394;border-radius:50px}.description__title{text-shadow:1px 3px 4px #3a7e83}.description__text{text-align:center}.career{background-color:#e9e8e8;border:5px solid #8a4094;border-radius:50px}.career__title{text-shadow:1px 3px 4px #883381}.career__content{margin-top:20px;max-height:20rem;overflow-y:auto;padding:10px}.contact{background-color:#e9e8e8;border:5px solid #7c2c21;border-radius:50px;opacity:0;-webkit-transition:opacity 3s ease-in-out;transition:opacity 3s ease-in-out}.contact__title{text-shadow:1px 3px 4px #9c4c4c}.contact.visible{opacity:1}.projects{background-color:#e9e8e8;border:5px solid #b4c51a;border-radius:50px}.project{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;opacity:0;text-align:center}.project__img{border:3px solid #b4c51a}.project__link:hover{text-decoration:underline}.project__link--first,.project__link--third{margin-bottom:1rem}.project__title{text-shadow:1px 3px 4px #95a745}.project__content{margin-top:20px;max-height:20rem;overflow-y:auto;padding:10px;scrollbar-color:#b4c51a transparent;scrollbar-width:thin}.skills{background-color:#e9e8e8;border:5px solid #128b5d;border-radius:50px}.skills__title{text-shadow:1px 3px 4px #256d4b}.skills__container{overflow-y:auto}.notfound{font-size:xx-large;margin:5rem;text-align:center}.notfound__error{font-size:10rem;margin-bottom:1rem}.LI{color:#d8d8d8;line-height:1.8rem}.LI__container{overflow-y:auto;scrollbar-color:#d8d8d8 transparent;scrollbar-width:thin;text-align:justify}.LI__title{font-size:xx-large;text-shadow:1px 3px 4px #a8a8a8;text-transform:uppercase}