html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#547c8c;font-family:Roboto,sans-serif;margin:0;overflow:overlay;word-break:break-word}body a{color:inherit;text-decoration:none}::-webkit-scrollbar{background-color:transparent;width:15px}::-webkit-scrollbar-thumb{background-color:#a1937b;border-radius:10px}::-webkit-scrollbar-corner{background-color:#547c8c}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}nav{align-items:center;background-color:#a1937b;color:#232121;display:flex;height:100vh;justify-content:center;position:fixed;width:90px}nav button{height:45px;width:45px}nav button i{transition-duration:.2s}nav button:hover i{font-size:xx-large}nav div{align-items:center;display:flex;flex-direction:column;font-size:larger;height:50vh;justify-content:space-between}.App{color:#232121;font-weight:700}.App h1{font-size:5rem}.App h1,.App p{margin:0}.App i{color:#232121;font-size:4rem;margin:2rem;transition-duration:.2s}.App i:hover{color:#a1937b}.App .page{align-content:center;align-items:center;display:flex;height:100vh;justify-content:center;margin-left:90px}.App #home .text{color:#232121;display:flex;flex-direction:column}.App #home .text p{font-size:30px;margin-bottom:0}.App #about{flex-direction:column}.App #about .about-container{align-items:center;display:flex;flex-direction:column;width:50vw}.App #about .about-container h1{align-self:flex-start}.App #about .about-container .bio{align-items:center;display:flex;flex-direction:row;justify-content:center}.App #about .about-container .bio img{border:3px solid #a1937b;border-radius:50%;height:200px;margin-right:2rem;object-fit:cover;transition-duration:.2s;width:200px}.App #about .about-container .bio img:hover{box-shadow:3px 3px #a1937b;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.App #about .about-container .bio .intro{font-size:larger}.App #about .skills{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.App #about .skills i{margin-bottom:0}.App #projects{flex-direction:column}.App #projects h1{width:70vw}.App #projects .toggled{background-color:#a1937b;color:#eee8dc}.App #projects button{background-color:#727c61;border:0;border-radius:30px;font-size:1rem;font-weight:700;margin:.25rem;padding:.5rem 1rem;transition-duration:.2s}.App #projects button:hover{background-color:#a1937b;color:#eee8dc;cursor:pointer}.App #projects .projects-list{overflow:auto;white-space:nowrap;width:70vw}.App #projects .projects-list div{display:inline-block;margin:1rem}.App #projects .projects-list div .project-description{background-color:#a1937b;border-radius:10px;display:flex;flex-direction:column;padding:2rem;transition-duration:.2s;width:30vw}.App #projects .projects-list div .project-description a,.App #projects .projects-list div .project-description h2{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.App #projects .projects-list div .project-description h2{margin-top:0;white-space:normal}.App #projects .projects-list div .project-description h2:hover{text-decoration:underline}.App #projects .projects-list div .project-description p{white-space:normal}.App #projects .projects-list div .stack-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:0;padding:0}.App #projects .projects-list div .stack-list .stack-list-item{background-color:#727c61;border-radius:30px;margin:.25rem;padding:.5rem 1rem}.App #projects .projects-list div img{border-radius:10px;bottom:30px;-webkit-filter:grayscale(70%);filter:grayscale(70%);height:250px;left:130px;position:relative;transition-duration:.3s;z-index:1}.App #projects .projects-list div img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.App #contact{display:flex;flex-direction:column}@media screen and (max-width:1024px){nav{background-color:transparent}#home{width:80vw}#home .text{display:flex;flex-direction:column;margin-left:90px}#about .about-container{min-width:80vw}#about .about-container .skills{margin-left:10vw;margin-right:10vw}#projects img{display:none}}@media screen and (max-width:768px){nav{top:0}nav,nav div{height:10%;width:100%}nav div{display:flex;flex-direction:row;justify-content:space-evenly}.page{margin-left:0!important}#about .skills{width:80vw}#projects h1{margin-left:1rem}#projects .project-description{width:50vw!important}}@media screen and (max-width:480px){h1{font-size:3rem!important}#home{width:auto}#home .text{margin:2rem}#about img{display:none}#about .skills{margin-top:1rem}#about .skills i{font-size:2rem;margin:1rem}#projects .projects-list{width:95vw!important}#projects .projects-list .project-description{background-color:transparent!important;padding:0!important;width:100%!important}#projects .projects-list .stack-list-item{background-color:#a1937b!important}#contact div{margin:2rem 2rem 0}#contact .links{display:flex}#contact .links i{font-size:2rem;margin:1rem}}
/*# sourceMappingURL=main.1d4f6cfe.css.map*/