:root{--dark-grey:#232431;--medium-grey:rgba(35,36,49,0.8);--light-grey:rgba(35,36,49,0.3);--light-tuiquoise:#bbddcf;--light-tuiquoise-background:rgba(187,221,207,0.75);--dark-green:rgba(74,96,104,0.9);--opacity-low:.5;--opacity-high:.7;--navbar-padding:100px;--navbar-margin:-100px}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}a,body{color:#232431;color:var(--dark-grey)}a{text-decoration:none}a:hover{color:rgba(35,36,49,.8);color:var(--medium-grey)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h2,h3,h4{color:var(--medium-grey)}h2,h3{margin-bottom:1.5rem}h2{border-bottom:2px solid var(--light-grey)}.bottom-place-holder{height:100px}header{background-color:var(--dark-grey);position:sticky;top:0;padding-top:10px}header .header-title-container a{display:block;text-align:center;font-size:2rem;background-color:var(--light-tuiquoise);font-weight:500}.navbar{padding:0}.navbar-expand-sm ul{width:100%}.navbar-expand-sm ul li{flex-grow:1;text-align:center}.nav-link{font-size:1.3rem;font-weight:600;color:var(--light-tuiquoise)}.nav-link.active{background:var(--light-tuiquoise);color:var(--dark-grey)}.nav-link.active:hover,.nav-link:hover{background:var(--light-tuiquoise);color:var(--medium-grey)}@media screen and (min-width:768px){.navbar{padding-left:var(--navbar-padding);padding-right:var(--navbar-padding)}}@media screen and (min-width:992px){header{display:flex;justify-content:space-between}header .header-title-container a{display:inline;padding-right:20px;padding-left:100px;font-weight:700}}footer{background-color:#fff;height:100px}p.about-description{color:var(--medium-grey);width:80%;min-width:400px}#profile-photo{max-width:100%;width:250px;height:250px;margin-bottom:30px;border-radius:50%}.hide{display:none}.project:hover .hide{display:flex;background-color:var(--light-tuiquoise-background);height:100%}.app-link{font-size:1.8rem}.project-description,.project-skills{font-size:1.2rem;font-weight:600}@media screen and (min-width:768px){.app-link{font-size:1.2rem}.project-description,.project-skills{font-size:.9rem}}@media screen and (min-width:992px){.app-link{font-size:1.4rem}.project-description,.project-skills{font-size:1.1rem}}@media screen and (min-width:1200px){.app-link{font-size:1.8rem}.project-description,.project-skills{font-size:1.2rem}}h3 a:hover{text-shadow:2px 2px 5px var(--light-grey)}.skills-section li{color:var(--medium-grey)}
/*# sourceMappingURL=main.77dfdfbe.chunk.css.map */