@import url(https://fonts.googleapis.com/css?family=Spicy+Rice&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.header{position:fixed;height:50px;top:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;font-family:Spicy Rice,serif;min-height:50px;font-size:1.2em;z-index:100;background-color:#379575}.header,.header a{border-bottom:2px solid #379575}.header a{text-decoration:none;letter-spacing:1px;color:#fff}.header .selected,.header a:hover{border-bottom:2px solid #fff}.about{width:100%;display:flex;justify-content:space-between;align-items:center;flex-flow:column nowrap;color:#379575;z-index:10}.about .title{display:flex;justify-content:center;margin:50px 0;font-size:4em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.about .title h1{padding:10px 0;border-top:1px solid #379575;border-bottom:1px solid #379575}.about .description{display:flex;justify-content:center;align-items:center}.about .description img{width:20%;border-radius:50%}.about .description p{margin:0 8em;width:40%;text-align:justify}.about .description p span{font-weight:700}.about .contact{width:50%;display:flex;justify-content:space-between;font-weight:700;height:150px}.about .contact a{text-decoration:none;color:#379575;border-bottom:1px solid #fff}.about .contact a:hover{border-bottom:1px solid #379575}.about .contact .contact-card{display:flex;justify-content:space-evenly;align-items:center;flex-flow:column nowrap;margin:10px}.about .contact .contact-card img{width:50px}.portfolio{background-color:#379575;display:flex;justify-content:space-evenly;align-items:center;flex-flow:column nowrap;height:100%;width:100%;color:#fff}.portfolio h1{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;display:flex;justify-content:center;margin:50px 0 30px;font-size:4em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.portfolio .project-container{display:flex}.portfolio .projectCard{background:#fff;width:300px;height:500px;margin:10px;flex-grow:1;color:#379575;border:1px solid grey;border-radius:10px}.portfolio .projectCard img{width:inherit;height:50%;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #000}.portfolio .projectCard h3{font-size:1.5em;margin:8px 0}.portfolio .projectCard p{text-align:left;text-align:initial;padding:15px;height:30%}.tech{align-items:center;flex-flow:column nowrap;color:#379575}.tech,.tech h1{display:flex;justify-content:center}.tech h1{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px 0;border-top:1px solid #379575;border-bottom:1px solid #379575;margin:50px 0 0;font-size:4em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.tech .tech-container{display:grid;grid-template-columns:18vh 18vh 18vh 18vh 18vh;grid-row-gap:4vh;grid-column-gap:8vw;justify-content:center;margin:5vh 0}.tech .techCard{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:20vh}.tech .techCard p{padding:5px;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.tech .techCard .techCard-image{height:11vh}html{scroll-behavior:smooth}body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.App{text-align:center;align-content:center}.App,.App .main{display:flex;width:100%;justify-content:center;flex-flow:column nowrap}.App .main{margin-top:50px;align-items:center}
/*# sourceMappingURL=main.8f2e5f30.chunk.css.map */