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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html{text-align:center;background:#fefefe}a{text-decoration:none}.header-color{background:#fefefe}.subheading{font-family:"Noto Sans",sans-serif;font-size:40px;padding-top:20px;line-height:40px;letter-spacing:normal}.nav{z-index:3}.landing-grid h1{font-family:"Noto Sans",sans-serif;font-size:48px;font-weight:700;color:#000;margin:-10px auto 30px}.avatar-img{height:200px;border-radius:100%;border:3px solid #000;margin:-20px auto 10px}.banner-text{background-color:#fff;opacity:1;width:75%;margin:10px auto 50px;border-radius:0;border:3px solid #000;box-shadow:-5px 5px #000;transition:all .3s}.name{letter-spacing:-.96px}.banner-text p{padding:3em}.banner-blue{background-color:#c0fcdc}.banner-blue:hover{background-color:#9aebc0;box-shadow:-8px 8px #000}.banner-yellow{background-color:#fdf591}.banner-yellow:hover{background-color:#f0e76f;box-shadow:-8px 8px #000}.banner-text h3{font-family:"Noto Sans",sans-serif;font-size:40px;color:#000;padding-top:20px}.banner-text h2{padding:0 10px}.banner-text hr{border-top:5px solid #000;width:50%;margin:auto}.banner-text p{font-family:"Noto Sans",sans-serif;color:#000;font-size:20px;padding:1em}p.about-text{text-align:justify;font-size:16px;margin:0 1em -.5em;line-height:1.5}p.contactLink{padding:0}.social-links{display:flex;justify-content:space-around;width:50%;margin:auto auto 5px;padding-left:20px;padding-right:20px}.social-links i{font-size:5em;padding-bottom:30px;margin-bottom:10px;-webkit-transition:margin .1s ease-out;-moz-transition:margin .1s ease-out;-o-transition:margin .1s ease-out}.social-links i:hover{margin-top:-5px}.svg_icon{height:4.5em;width:4.5em;padding-bottom:10px;-webkit-transition:margin .1s ease-out;-moz-transition:margin .1s ease-out;-o-transition:margin .1s ease-out}.svg_icon:hover{margin-top:-5px}.about-text-container{display:block;padding:0 2em 2em}@media only screen and (min-width:768px){.about-text-container{max-width:1200px;margin:0 auto}.about-text{margin:0 0 .5em}}.tile-container{display:flex;flex-wrap:wrap;justify-content:center}.tile{display:flex;flex-direction:column;justify-content:space-around;border:3px solid #000;box-shadow:-5px 5px #000;width:300px;max-height:300px;background-color:#fdf591;margin:30px;padding:10px;transition:all .3s}.tileHeader{font-size:24px;line-height:32px}.linkStyle{display:flex;flex-direction:column;justify-content:space-around}.linkStyle a{color:#db044d}.linkStyle a:hover{text-decoration:underline}.techUsed p{margin-bottom:0}.tile:hover{box-shadow:-8px 8px #000;background-color:#f0e76f}.copyright{border-top:3px solid #000;margin-bottom:0}#contact-box{display:flex;flex-direction:column}#contact-box div{display:flex;justify-content:center}.skipButton{margin-right:1rem;position:absolute;transform:translateX(-2000%);transition:transform .3s}.skipButton:focus{position:static;transform:translateX(0)}.mdl-layout__drawer-button{position:fixed!important;top:16px;left:16px;z-index:5;background-color:#fff!important;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1.5px #000;border:none}.mdl-layout__drawer-button:hover{box-shadow:0 0 0 3px #000}@media only screen and (max-width:600px){.landing-grid h1{font-size:2em}.nav{display:none}.page-content{margin-top:3px}.banner-text{width:95%}.banner-text h2{font-size:2em}.banner-text p{font-size:1em;line-height:1.5em;padding:10px}.social-links i{padding-left:50px;font-size:2em}.banner-text h3{font-size:26px}.tile p{font-size:1em}div.mdl-layout__drawer{display:flex}.about-text-container{padding:0 .5em 2em}.about-text{margin:0 .5em 1em}}@media only screen and (min-width:600px){#drawer,div.mdl-layout__drawer,div.mdl-layout__drawer-button{display:none}}@media only screen and (min-width:1600px){.banner-text{max-width:1200px}.about-text-container{max-width:1400px;padding:0 2em 2em}p.about-text{font-size:20px}}
/*# sourceMappingURL=main.e31073ff.chunk.css.map */