*{box-sizing:border-box}body,html{background-color:#000;height:100%;line-height:1.2;margin:0;padding:.5rem 1.5rem}#root,body,html{width:100%}@media only screen and (min-width:768px){body,html{padding:1rem 3rem}}.contactContainer{padding-bottom:1rem;width:100%}.contactContainer h1{font-size:1.5rem;margin:.25rem auto 0}.contactContainer p{font-size:1rem;margin:8px auto}.contactContainer>img{border-radius:50%;height:6rem;width:6rem}.contactContainer .iconContainer{display:flex;gap:.5rem}@media only screen and (min-width:768px){.contactContainer{display:flex;flex-direction:row-reverse;justify-content:space-between}.contactContainer>div{flex-basis:60%}.contactContainer h1{font-size:2.75rem}.contactContainer h2{font-size:1.5rem}.contactContainer span{bottom:.75rem;font-size:1.125rem;left:.75rem}}@media only screen and (min-width:1024px){.contactContainer>img{height:8rem;width:8rem}.contactContainer p{font-size:1.125rem}.contactContainer .iconContainer{gap:1rem}.contactContainer svg{font-size:1.5rem}}.aboutPage{max-width:none;padding-bottom:.5rem;text-align:left}.aboutPage span{padding-right:5px}.aboutPage li{font-size:1rem}.aboutText{font-size:20px;list-style-type:none;padding-left:0}.aboutText li{margin-bottom:15px}.aboutText span{margin-right:5px}@media only screen and (min-width:768px){.aboutPage h1{font-size:2.5rem}}@media only screen and (min-width:1024px){.aboutPage li{font-size:1.125rem}}.skillContainer{padding-bottom:1rem}.skillContainer .iconContainer{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.skillContainer .iconContainer img{cursor:help;width:2rem}@media only screen and (min-width:768px){.skillContainer .iconContainer img{width:3rem}}@media only screen and (min-width:1024px){.skillContainer .iconContainer img{width:4rem}}@media only screen and (min-width:1280px){.skillContainer .iconContainer img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.skillContainer .iconContainer img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}}.App{color:#fff;font-family:Lato,sans-serif;margin:0 auto;max-width:768px}.App h1{font-size:1.5rem}.App a{color:#fff;text-decoration:none}@media only screen and (min-width:768px){.App h1{font-size:2.5rem}.App h2{font-size:1.5rem}}
/*# sourceMappingURL=main.0f26d730.css.map*/