body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.code,code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{transition:all 1s}body{background-color:#f0f0f0;overflow:hidden;overflow-x:hidden;overflow-y:scroll;padding:2px 2px 20px}#App,body{height:100vh}#App .App{height:100vh}#App .App,.splash{align-items:center;display:flex}.splash{background-size:cover;flex-direction:column;margin-left:auto;margin-right:auto;max-width:100%;text-align:center;z-index:1}.splash>*{align-items:center}.splash a{color:#324c7e;font-size:.8em;text-decoration:none;transition:all .5s}.splash a:hover{text-shadow:1px 1px 1px #324c7e}.splash img{max-width:100%;transition:all 1s;width:auto}.experience{margin-bottom:1%;padding:0;text-align:center}.experience h1{font-size:1.2rem}.experience h1,.experience h2{color:#324c7e;margin:0 auto 10px}.experience h2{font-size:1rem}.experience p{line-height:1.4rem;margin:0}.experience ul{list-style-type:none;margin:0;padding:0;text-align:center}.experience ul li{margin:1px;padding:1px}.experience ul li a{color:#324c7e;transition:all .5s}.experience ul li a:hover{color:#000}.hidden{visibility:hidden}.buttons{background-color:#324c7e;display:flex;justify-content:center;margin-bottom:20px;padding:2px}.buttons button{background:none;border:none;flex-basis:1}.buttons button:hover{border:none}.buttons .active{background:#fff;color:#324c7e}.Portfolio{display:flex}.portfolio-item{flex-basis:50%;flex-grow:1;width:50%}@media screen and (max-width:480px){.splash{font-size:.75rem;height:auto;margin-top:20%;max-height:40%;max-width:100%;top:0;transition:all 1s}.splash img{max-width:75%}.experience h1{font-size:1rem}}#nav{left:0;padding:2%;position:fixed;top:0}#nav a{color:#324c7e;text-decoration:none}#nav a:hover{background-color:#324c7e;color:#fff;padding:1px}.quotes{overflow-y:scroll}.quotes #quotes{height:100%;padding:0 24%;text-align:center}body.tetris{background:#202020;color:#fff;font-family:sans-serif;font-size:2em;text-align:center}body.tetris canvas{border:.1em solid #fff}.bodyLoaded{overflow-y:scroll}#root{margin:0;padding:0}h1{color:#708090;font-size:1.5em;margin-bottom:1em;text-align:center}h1.new-game{color:#fff}.game{border-radius:25px;margin:0 auto;width:28%;width:100%}@media (max-width:1000px){.game{width:100%}}@media (max-width:768px){.game{margin-top:45px;padding:2%;width:90%}}button{background-color:#789;border:1px solid #789;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:.6em;margin:0 auto;padding:10px;text-transform:uppercase;transition:all 2s;transition:all .5s;width:auto}@media (max-width:1023px){button.cat-button{bottom:10%;left:50%;margin-left:-100px;position:absolute;width:200px;z-index:100}}@media (hover:hover){button:hover{background-color:#fff;border:1px solid #789;color:#2f4f4f}}button:active{background-color:#fff;color:#789}.button-container{display:flex;flex-basis:auto;justify-content:center;margin:5px auto;width:30%}.purple{background-color:purple}.green{background-color:green}.blue{background-color:blue}.orange{background-color:orange}.yellow{background-color:#ff0}.salmon{background-color:salmon}.none{background-color:#d3d3d3}.aqua{background-color:aqua}.maroon{background-color:maroon}form{display:block;margin:0 auto;text-align:center;width:auto}select{border-radius:50%;font-size:0;height:50px;margin-right:10px;width:50px}option{font-size:1em}h2{color:#708090;font-size:1.2em;margin:0;padding:0;text-align:center}.row{border-bottom:1px solid #789;clear:both;height:auto;margin-top:10px;position:relative}ul.guesses{margin:0 auto;padding:0;text-align:center;width:80%}ul.guesses li{border:1px solid #789;border-radius:50%;display:inline-block;font-size:.7em;font-size:0;height:40px;list-style-type:none;margin-right:2%;width:40px}@media (max-width:800px){ul.guesses li{height:30px;width:30px}}ul.answer{margin:0;padding:0;text-align:center;width:100%}ul.answer li{border:1px solid grey;border-radius:50%;display:inline-block;font-size:.5em;font-size:0;height:20px;margin-bottom:10px;margin-right:1%;width:20px}@media (max-width:800px){ul.answer li{height:10px;width:10px}}.red{background-color:red}.white{background-color:#fff}ul.answer li.none{background-color:grey}form{clear:both}.modal{background-color:#fff;border-radius:15px;color:#708090;display:block;height:90%;margin-right:-45%;overflow:hidden;position:fixed;right:50%;transition:all .5s;width:90%;z-index:1}.modal form{padding:20px}.modal form input{border:1px solid #789;border-radius:6px;margin-bottom:20px;margin-top:5px;padding:10px;text-align:center;transition:all 2s;width:20px}.hidden{height:0%;opacity:0;transition:all .3s}@media (min-width:767px){.songs{padding:0 20%}}.song{align-items:center;border-bottom:1px solid grey;display:flex;justify-content:space-between;padding:20px}.song span{padding-right:20px}h1{color:#324c7e}.play-button{border:none;font-size:1.2rem;padding:30px;width:50%}.play-button,.songs button{background-color:#324c7e}.songs button:active,.songs button:hover{background-color:#fff}.play-button:active,.play-button:hover{border:none}@media (min-width:768px){.play-button{width:25%}}@media (max-width:300px){.play-button{width:100%}}.audio-player{padding:20px;position:relative}.indicator-container{border:1px solid #324c7e;height:0;margin:20px auto;position:relative;width:50%}@media (min-width:768px){.indicator-container{width:25%}}.indicator{background-color:#fff;background-color:#f0f0f0;background-color:#324c7e;display:block;height:10px;outline:1px solid #324c7e;position:absolute;top:-5px;transition:all .1ms;width:5%}.current-song{text-align:center}.songs{display:flex;flex-direction:column}p{color:#324c7e;margin-bottom:30px}.songs>*{margin-bottom:20px}
/*# sourceMappingURL=main.6066c46a.css.map*/