*{margin:0;padding:0;font-family:Open Sans,Trebuchet MS,Helvetica,sans-serif}.App{background:#fff;min-height:100vh;position:relative}.dark.App{color:#8fbffd;background:#0b1319}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:400;src:local(Open Sans Regular),local(OpenSans-Regular),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0e.ttf)format("truetype")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:600;src:local(Open Sans SemiBold),local(OpenSans-SemiBold),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhs.ttf)format("truetype")}a{color:#006efd;-webkit-text-decoration:inherit;text-decoration:inherit}a:hover{color:#383838}.dark a:hover{color:#004094}li a{width:100%;height:100%;display:block}h2{font-size:3em}.bold{font-weight:600}.italic{font-style:italic}p{line-height:30px}.nav{text-align:center;background-color:#fff;border-bottom:1px solid #80808034;width:100vw;margin:0;padding:0;position:fixed}.dark .nav{background-color:#0b1319}.nav li{vertical-align:middle;text-align:center;border:1px solid #80808034;border-radius:2px;width:22vw;max-width:300px;height:50px;margin:15px .4vw;line-height:50px;list-style-type:none;display:inline-block}.dark .nav li{border:1px solid #80808034}li:hover{color:#000}.dark li:hover{color:#fff}.icon{margin-right:.5vw}.is-active{color:#0051bb;font-weight:600}.home-page{overflow-y:auto}.home-top-container{vertical-align:top;text-align:center;padding-top:130px}.home-top-container h2{text-align:right}.home-top-left{width:250px;height:250px;display:inline-block}.home-top-left-image img{vertical-align:top;background-size:cover;border-radius:300px;width:100%;height:100%}.home-top-right{vertical-align:top;display:inline-block}.home-top-right ul{vertical-align:top;text-align:left;border-radius:2px;width:300px;margin:30px 0 0 35px;padding:10px 0 10px 15px}.home-top-right li{list-style-type:none}.home-top-right li .icon{text-align:right;width:20px;padding-right:10px;font-size:1.3em;display:inline-block}.home-bottom-text{width:600px;max-width:80vw;margin:40px auto 20px}.button{color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:2px;margin:20px 10px 0 0;padding:10px 20px;display:inline-block}.github{background:#444;width:80px}.github:hover{background:#313131}.CV{background:#006efd;width:130px}.CV:hover{background:#0052bd}.blog{background:#640df0;width:60px}.blog:hover{background:#4d0bb6}.experience-container{width:600px;max-width:80vw;margin:0 auto;padding:110px 0 20px}.experience-container h2,.experience-explanation{margin-bottom:20px}.experience-container h4{margin-top:10px;font-size:1.2em}.experience-container li{margin-left:40px;list-style-type:square}.experience-container .university-info{text-align:center;color:#6d6d6d;font-weight:600}.experience-block{grid-column-gap:20px;border-radius:2px;grid-template-rows:100px auto;grid-template-columns:auto 1fr;margin:20px 0;padding:10px 0;display:grid}.logo-link{display:grid}.experience-block-logo{object-fit:contain;align-self:center;width:100%;max-width:250px;height:70px;padding:5px}.dark .experience-block-logo{background:#fff;border-radius:2px}.experience-block-info{align-self:center}.experience-block-info h3{margin-bottom:5px}.experience-block-text{grid-column:1/3;margin-bottom:20px}.experience-block .project-tags{grid-column:1/3}.projects-container{width:600px;max-width:80vw;margin:0 auto;padding:110px 0 20px}.project{border-bottom:1px dashed #bbb;border-radius:2px;margin:20px 0;padding:10px 0 20px}.project h3{margin:5px 0 10px;font-size:1.4em}.project-image{text-align:center;margin:10px 0}.project-image img{border-radius:2px;width:100%;margin-top:5px}.project-text p{margin-bottom:10px}.project-button{color:#2c2c2c;background-color:#ebebeb;border-radius:2px;margin:0 10px 5px 0;padding:10px 20px;font-size:.8em;font-weight:600;display:inline-block}.project-button:hover{color:#fff;background:#313131}.dark .project-button:hover{color:#000;background-color:#c7c7c7}.project-tags{margin-bottom:5px}.tag{border:1px solid #000;border-radius:2px;margin:0 10px 5px 0;padding:5px 10px;font-size:.8em;display:inline-block}.tag-html{color:#e54d26;border-color:#e54d26}.tag-css{color:#0070ba;border-color:#0070ba}.tag-bootstrap{color:#824ecf;border-color:#824ecf}.tag-js{color:#f5e01f;border-color:#f5e01f}.tag-reactjs{color:#61dafb;border-color:#61dafb}.tag-nodejs{color:#90c53f;border-color:#90c53f}.tag-winforms{color:gray;border-color:gray}.tag-csharp{color:#7a3396;border-color:#7a3396}.tag-sharppcap{color:#383838;border-color:#383838}.tag-semanticui{color:#35bdb2;border-color:#35bdb2}.tag-electron{color:#437c86;border-color:#437c86}.tag-discordjs{color:#8c9eff;border-color:#8c9eff}.tag-json{color:#000;border-color:#000}.tag-mysql{color:#00618a;border-color:#00618a}.tag-php{color:#777bb3;border-color:#777bb3}.tag-scss{color:#cf649a;border-color:#cf649a}.tag-vue{color:#42b783;border-color:#42b783}.tag-firebase{color:#ffca2c;border-color:#ffca2c}.tag-yelp{color:#d32323;border-color:#d32323}.tag-algolia-places{color:#3a5395;border-color:#3a5395}.tag-laravel{color:#e74430;border-color:#e74430}.tag-wordpress{color:#1b749e;border-color:#1b749e}.tag-asgard{color:#e89980;border-color:#e89980}.tag-react{color:#61dafb;border-color:#61dafb}.tag-ruby-on-rails{color:#c00;border-color:#c00}.tag-sqlite{color:#044a64;border-color:#044a64}.tag-google-cloud-platform{color:#ffca2c;border-color:#ffca2c}.contact-container{width:600px;max-width:80vw;margin:0 auto;padding-top:110px}.contact-form{border-radius:2px;margin:20px 0 40px;padding:10px 20px}.contact-form input,.contact-form textarea{border:1px solid #80808034;border-radius:2px;width:95%;margin:5px 0 10px;padding:5px 10px}.dark .contact-form input,.dark .contact-form textarea{color:#8fbffd;background:#182936}.dark .contact-form input::-webkit-input-placeholder{color:#6689b8}.dark .contact-form textarea::-webkit-input-placeholder{color:#6689b8}#messageInput{resize:vertical}.send{cursor:pointer;background:#006efd;margin:0 0 10px}.send:hover{background:#0052bd}.contact-container .contact-form .invalid{border:1px solid red}.contact-form .honeypot-field{position:absolute;top:0;left:-9999px}.form-status{margin:0 0 10px}.form-error{color:#d64545}.education-container{width:600px;max-width:80vw;margin:0 auto;padding:110px 0 20px}.education-container h2,.education-explanation{margin-bottom:20px}.education-container h4{margin-top:10px;font-size:1.2em}.education-container li{margin-left:40px;list-style-type:square}.education-container .university-info{text-align:center;color:#6d6d6d;font-weight:600}.dark-mode{cursor:pointer;background:#444;position:fixed;bottom:20px;right:20px}.dark-mode:hover{background:#313131}@media screen and (width<=599px){.home-top-left-image,.home-top-right h2{text-align:center!important}}@media screen and (width<=540px){.nav-text{display:none}.experience-block .logo-link,.experience-block-info{grid-column:1/3}.experience-block-info{margin-bottom:10px}}