@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap);@import url(https://fonts.googleapis.com/css2?family=KoHo:wght@200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap);@import url(https://fonts.googleapis.com/css2?family=Alata&display=swap);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}.App{text-align:center;max-width:100vw}a,p{font-family:"Montserrat",sans-serif}a{text-decoration:none;color:purple;font-weight:700}a:hover{opacity:.5}#title{background-color:#655b7e;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;font-family:"Alata",sans-serif}#myname{font-size:90px;margin-bottom:0}#titlename{font-size:30px;color:#a1f8ad}#myVideo{position:relative;left:0;top:0;min-width:100%;z-index:1}#mytitle{position:absolute;z-index:2;width:100%;color:#f1f1f1}@media only screen and (max-width:800px){#myname{font-size:40px}#titlename{font-size:15px}}@media only screen and (max-width:550px){#title{height:180px}}#aboutme{height:100%;border-top:30px solid #655b7e;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}#body{margin-top:60px}#body,#content{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#content{width:50%;-webkit-flex-direction:column;flex-direction:column}#who{color:#478ea0;font-family:"Shadows Into Light",cursive;font-size:50px;margin-bottom:0}#about{width:70%}#me{width:30%;border-radius:20px}#tech{font-family:"Montserrat",sans-serif;color:#478ea0;font-size:20px;margin-bottom:0}#skills{width:60%;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin-top:15px}#points,#skills{display:-webkit-flex;display:flex}#points{font-family:"Montserrat",sans-serif;text-align:left;margin:10px;width:600px;-webkit-justify-content:center;justify-content:center}@media only screen and (max-width:1100px){#body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:60px}#content{width:80%}#skills{width:70%}#left{width:100%}#points{width:400px}}@media only screen and (max-width:550px){#me{width:50%}#who{font-size:35px}#about{font-size:13px}#about,#skills{width:100%}p{font-size:13px}}#projectspage{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:100px 0}#projectstitle{color:#478ea0;font-family:"Montserrat",sans-serif;font-size:40px}#projects{width:80%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#projimg{max-height:250px;margin-right:50px;border-radius:5px}#proj{width:90%;margin:25px 0;background-color:#f7f7fc;padding:100px;border-radius:20px}#proj,#projcontent{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}#projcontent{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}#projheadline{margin:20px 0 0;color:#56ac06;font-family:"Alata",sans-serif;font-size:30px}#left{text-align:left;margin:10px}#code,#site{border:1px solid purple;background-color:#e6e6fa;padding:10px;margin:10px}#links{margin-top:30px}@media only screen and (max-width:1100px){#proj{width:70%;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#projimg{margin-right:0}#left{width:80%}}@media only screen and (max-width:550px){#proj{width:100%;padding:50px 20px 20px}#projimg{width:100%;margin:0}#projcontent{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#left{font-size:13px}#links{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:5px}#projheadline{font-size:20px}#code,#site{font-size:12px}}#contact{height:100%;border-bottom:30px solid #655b7e;background-color:#f7f7fc;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding-bottom:50px}#contact,#formcontainer{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}#formcontainer{width:100%;margin:50px 0}#contactform{margin:0 50px;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}#create{color:#478ea0;font-family:"Montserrat",sans-serif;font-size:40px;padding-top:30px;margin-bottom:20px}#contactcontent{-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;width:80%}#contactcontent,#text{display:-webkit-flex;display:flex}#text{width:350px;height:300px;-webkit-flex-direction:column;flex-direction:column}#email{color:#56ac06}#input{width:500px;border:none;border-bottom:1px solid #9d8ec4;font-family:"Montserrat",sans-serif;background-color:#f7f7fc;margin-top:40px;padding:10px}textarea{height:10em;margin-bottom:10px}.message-chars-left{width:500px;margin:auto;text-align:left}#submit{width:70px;margin-top:10px;font-family:"Montserrat",sans-serif;color:#655b7e;border:1px solid #655b7e;padding:5px;background-color:#f7f7fc;border-radius:5px}@media only screen and (max-width:1100px){#create{font-size:40px;width:80%}#text{width:60%;font-size:13px}#input,.message-chars-left{width:300px}#contactcontent{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}#text{height:100px}}@media only screen and (max-width:550px){#input,.message-chars-left{width:200px}#submit{font-size:12px}}
/*# sourceMappingURL=main.7b978a64.chunk.css.map */