html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto}#root,body{margin:0;padding:0;width:100%}#root{height:auto;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,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,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{background:#0000;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:initial}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{background:#0000;color:ivory;font-size:100%;margin:0;padding:0;text-decoration:none;vertical-align:initial}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}input,select{vertical-align:middle}p{font-family:Barlow,sans-serif}#root,body,html{height:100%;margin:0;min-height:100%}body{animation:change 7s ease-in-out infinite;background:linear-gradient(-45deg,#f8acff,#696eff,#595cff,#c6f8ff);background-position:0 50%;background-size:400% 400%}.App{flex-direction:column;margin:0;padding:0;z-index:0}.App,.App-header{display:flex;min-height:100vh;position:relative;width:100%}.App-header{align-items:center;background:#0000;box-sizing:border-box;color:#fff;flex:1 1;font-size:calc(10px + 2vmin);justify-content:center;padding-top:clamp(50px,10vh,80px);z-index:1}.tagtitle{font-family:Cutive Mono,monospace;margin-top:3%;text-align:right}@keyframes change{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}li{background-color:#fff0;border-radius:18px;color:#fff;font-family:Barlow,sans-serif;font-size:x-large;font-weight:500;padding:15px;text-align:center;text-decoration:none!important;width:100px}li :active,li :visited{color:#fff}li :active,li :hover,li :visited{background-color:#fffc;padding:15px;text-decoration:none}li :hover{animation:fadeIn 1s;color:#6495ed}li :focus{color:#fff}.nameBox{border:clamp(2px,.5vw,5px) solid #fff;font-family:Barlow,sans-serif;font-size:clamp(2rem,12vw,150px);font-weight:900;line-height:.4;padding:clamp(20px,5vw,40px);text-align:right}@media (max-width:768px){.nameBox{line-height:1;margin:1rem}}span{font-size:50px;text-align:right}navbar-list,ul{display:flex;flex-direction:row;justify-content:flex-end;position:relative}ul{margin:0;padding:0}.untitledList{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box;color:#fff;display:flex;justify-content:center;left:0;list-style:none;max-height:clamp(50px,10vh,80px);overflow:hidden;padding:clamp(10px,2vw,20px);position:fixed;right:0;text-decoration:none;top:0;transition:all .3s ease;width:100%;z-index:100}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:10px;position:fixed;right:clamp(10px,2vw,20px);top:clamp(10px,2vw,20px);z-index:101}.hamburger-line{background-color:#fff;display:block;height:3px;margin:5px 0;transition:all .3s ease;width:25px}@media (max-width:768px){.App-header{align-items:stretch;display:block;justify-content:flex-start;min-height:auto;overflow-x:hidden;overflow-y:visible;padding-top:clamp(60px,12vw,90px)}.hamburger{display:flex;padding:8px;position:fixed;right:clamp(10px,2vw,20px);top:clamp(10px,2vw,20px)}.untitledList{align-items:flex-end;box-sizing:border-box;flex-direction:column;gap:0;justify-content:flex-start;left:0;max-height:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:fixed;right:0;top:0;transition:max-height .3s ease,padding .3s ease,opacity .2s ease;width:100%}.untitledList.open{max-height:none;opacity:1;overflow:visible;padding:clamp(60px,12vw,100px) clamp(10px,2vw,20px) clamp(10px,2vw,20px);pointer-events:auto}.untitledList li{padding:clamp(10px,2vw,15px);text-align:right;width:auto}.App-header>*{margin-top:0}.tagtitle{margin:1rem}}.email,.name,.text{font-family:Barlow,sans-serif;margin-top:3%}.description{line-height:135%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cardContainer{background-color:#fff;border-radius:18px;box-shadow:5px 10px 25px #00000080;box-sizing:border-box;cursor:pointer;display:grid;font-family:roboto;grid-template-areas:"image" "title" "description";grid-template-columns:300px;grid-template-rows:210px 80px 210px;margin:30px;text-align:center;transition:.5s ease}.cardContainer:hover{box-shadow:5px 5px 15px #0009;transform:scale(1.15)}.image{background:url(/jermaine-foster-com/static/media/telluride.067ecf730812118ef7d0.jpg);background-size:cover!important;border-top-left-radius:15px;border-top-right-radius:15px;grid-area:image}#project-001{background:url(/jermaine-foster-com/static/media/placeholder-1.fd1ce35b8a8c12bccc5e.svg);grid-area:image}#project-002{background:url(/jermaine-foster-com/static/media/placeholder-2.9c01cc3cc25a30d90c53.svg);grid-area:image}#project-003{background:url(/jermaine-foster-com/static/media/placeholder-3.e4247ca8b77cff870ea7.svg);grid-area:image}.title{color:#000;font-family:Barlow,sans-serif;grid-area:title;margin:25px}.description{color:#000;font-size:1rem;grid-area:description;margin:10px}.cardRow{display:flex;flex-direction:row}@media (max-width:768px){.cardRow{align-items:center;flex-direction:column;margin-top:2rem;max-width:100%;overflow-x:hidden;transition:margin-top .3s ease;width:100%}.cardContainer{margin:22px auto;max-width:100%;width:min(300px,calc(100vw - 28px))}}.email,.name{height:25px;width:50%}.email,.name,.text{border-radius:2px;border-style:none;margin-top:10px}.text{height:300px;width:100%}.submitButton{background-color:#fff;border-radius:3px;border-style:none;color:#6495ed;float:right;font-size:17px;height:25px;margin:10px 0 10px 10px;text-align:center;transition:all .15s ease-in;width:100px}.submitButton:focus,.submitButton:hover{transform:scale(1.1)}.submitButton:active{transform:scale(1)}.formDiv{min-width:800px}@media only screen and (max-width:880px){.formDiv{min-width:400px}}@media only screen and (max-width:460px){.formDiv{margin-top:18px;min-width:250px}}.formText{font-size:large;margin-top:25px}
/*# sourceMappingURL=main.dd4247a4.css.map*/