:root{color-scheme:only light}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#000}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}footer hr{border-top:5px solid #000}footer p{font-size:120%;color:#434445}form{display:flex;flex-direction:column;justify-content:center;align-items:center}form #message-area,form #message-area-about{width:80%}#about-image{height:330px}#about-image,#personal-image{width:250px;border-radius:50%}#personal-image{height:250px}#subtitle{font-size:200%}#subtitle-small{font-size:170%}#subtitle-smaller{font-size:150%;color:#6b6b6b}#success-button{width:100%}#title{font-size:280%}.icon{margin-right:20px}.sth{margin-top:-60px}.fa-linkedin{color:#00f}.fa-github{color:purple}.fa-envelope{color:red}.navbar{display:flex!important;justify-content:space-between!important}.nav-link-selected .nav-link-text{border-bottom:4px solid #007bff}.nav-link,.navbar .nav-link{color:grey!important;display:flex;flex-direction:column;align-items:center}.site-description{font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif}.navbar .nav-link:hover{color:#007bff;animation:scale-up-nav-link .5s forwards}.navbar .nav-link:hover>span{color:#007bff}.navbar .nav-link:not(:hover){animation:scale-down-nav-link .25s}.text{font-size:100%}.side-container .card .card-body{padding:1.1rem}@keyframes opacity-on-load{0%{opacity:.2}to{opacity:1}}.side-container{width:100%;padding-left:15px;padding-right:15px}.loader-stage{width:100%;height:100%;display:flex;justify-content:center;padding-top:45px;animation:opacity-on-load 2s}.loader{transform:rotate(45deg);perspective:1000px;border-radius:50%;width:200px;height:200px;color:#000}.loader:after,.loader:before{content:"";display:block;position:absolute;top:0;left:0;width:inherit;height:inherit;border-radius:50%;transform:rotateX(70deg);animation:spin 1s linear infinite}.loader:after{color:#007bff;transform:rotateY(70deg);animation-delay:.4s}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotateccw{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes spin{0%,to{box-shadow:.6em 0 0 0 currentcolor}12%{box-shadow:.6em .6em 0 0 currentcolor}25%{box-shadow:0 .6em 0 0 currentcolor}37%{box-shadow:-.6em .6em 0 0 currentcolor}50%{box-shadow:-.6em 0 0 0 currentcolor}62%{box-shadow:-.6em -.6em 0 0 currentcolor}75%{box-shadow:0 -.6em 0 0 currentcolor}87%{box-shadow:.6em -.6em 0 0 currentcolor}}@keyframes rightToLeft{0%{transform:translateX(15%)}to{transform:translateX(0)}}@keyframes leftToRight{0%{transform:translateX(-15%)}to{transform:translateX(0)}}@keyframes rightToLeftMedium{0%{transform:translateX(25%)}to{transform:translateX(0)}}@keyframes scale-up-portfolio-site-image{0%{scale:1}to{scale:2}}@keyframes scale-up-nav-link{0%{scale:1}to{scale:1.2}}@keyframes scale-down-nav-link{0%{scale:1.2}to{scale:1}}.slide-right-to-left-home{animation:rightToLeftMedium .25s forwards}.slide-left-to-right-home{animation:leftToRight .5s forwards}.slide-right-to-left-home-2{animation:rightToLeftMedium .75s forwards}.slide-left-to-right-home-2{animation:leftToRight 1s forwards}.slide-right-to-left-home-3{animation:rightToLeftMedium 1.15s forwards}.slide-right-to-left-home-4{animation:rightToLeftMedium 1.25s forwards}.slide-right-to-left-about-2{animation:rightToLeft .5s forwards;animation-iteration-count:1}.portfolio-projects-container .card:nth-child(2n){animation:rightToLeft .75s forwards}.portfolio-projects-container .card:nth-child(odd){animation:leftToRight .75s forwards}@media screen and (min-width:664px){#personal-image{height:350px}#about-image,#personal-image{width:350px;border-radius:50%}#about-image{height:470px}.portfolio-site-card:hover{animation:scale-up-portfolio-site-image 2s forwards;z-index:10}}@media screen and (min-width:992px){.container{max-width:75%!important}.side-container{width:12.5%;min-width:12.5%;padding-left:0;padding-right:0}.curved-div svg{display:block}.curved-div{background-image:url(/static/media/wave.45cb8b43.svg);background-position:50%;background-repeat:no-repeat;background-attachment:fixed}.slide-right-to-left-home{animation:rightToLeftMedium 1s forwards}.slide-left-to-right-home{animation:leftToRight 1.25s forwards}.slide-right-to-left-home-2{animation:rightToLeftMedium 1.5s forwards}.slide-left-to-right-home-2{animation:leftToRight 1.75s forwards}.slide-right-to-left-home-3{animation:rightToLeftMedium 2s forwards}.slide-right-to-left-home-4{animation:rightToLeftMedium 2.25s forwards}.slide-right-to-left-about-2{animation:rightToLeftMedium 1.5s forwards}.portfolio-projects-container .card:nth-child(2n){animation:rightToLeft 1.25s forwards}.portfolio-projects-container .card:nth-child(odd){animation:leftToRight 1.25s forwards}}.react-toggle-track-x{right:15px;opacity:1}.react-toggle-track-check,.react-toggle-track-x{position:absolute;width:10px;height:10px;top:7px;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;transition:opacity .25s ease}.react-toggle-track-check{left:4px;opacity:0}.react-toggle--checked .react-toggle-track{background:#fff;border:1px solid grey}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background:#fff;opacity:.5}.react-toggle--checked .react-toggle-thumb{border-color:grey}.dark{background:#353535}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark p{color:#d2d2d2}.dark footer p{font-size:120%;color:#dcdfe3}.dark .loader{color:#fff}.dark .card{border:1px solid#d2d2d2;background-color:#353535}.dark .card-header{border-bottom:1px solid#d2d2d2;color:#d2d2d2}.dark .card hr{background-color:#d2d2d2}.dark .nav-link-selected .nav-link-text{border-bottom:4px solid #87cefa}.dark .loader:after,.dark .navbar .nav-link:hover>span{color:#87cefa}.dark textarea,.dark textarea:focus{background-color:#d2d2d2}.dark textarea:focus{outline:1px solid #87cefa;box-shadow:2px solid #87cefa}.dark a:hover{color:#87cefa}
/*# sourceMappingURL=main.84be2cf6.chunk.css.map */