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}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%;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}a:link,a:visited{color:#000;text-decoration:none;cursor:pointer}a:active,a:hover{color:#fff;text-decoration:none;cursor:pointer}.App{height:100%}.nav{color:#000;height:10vh;background-color:#e8e2f3;padding-left:5%;padding-right:5%}.nav,.nav-title{display:flex;flex-wrap:wrap}.nav-title{width:50%;align-items:center;font-size:xx-large;cursor:default}.nav-title:hover{color:#000!important}.title-text{cursor:default;margin-left:2%;margin-top:1%;padding:1%;font-weight:600}.nav-links,.title-text{font-size:x-large;width:50%}.nav-links{display:flex;justify-content:flex-end;align-items:center;text-decoration:none;color:#000}.nav-image{margin-left:5%;height:70%;width:7%;border-radius:100%}.portfolio{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-duration:.3s;transition-property:transform;margin-left:5%}.portfolio:before{pointer-events:none;position:absolute;z-index:-1;content:"";top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);transition-duration:.3s;transition-property:transform,opacity}.portfolio:active,.portfolio:focus,.portfolio:hover{transform:translateY(-5px)}.portfolio:active:before,.portfolio:focus:before,.portfolio:hover:before{opacity:1;transform:translateY(5px)}.homepage{height:225vh}.opening{height:34.5%;color:#000;background-color:#e8e2f3;display:block;font-size:xx-large;font-weight:600;flex-wrap:wrap}.opening-image{height:30%;width:100%;display:flex;justify-content:center}.image-container{display:flex}.tree{height:35%;width:18%;right:41.5%;top:2%}.tree,.tree2{position:absolute}.tree2{height:30%;width:20%;right:50%;top:1%}.opening-text{align-items:center;height:80%}.opening-button,.opening-text{width:100%;display:flex;justify-content:center}.opening-button{height:20%;cursor:pointer;background-color:#e8e2f3}.opening-button:hover{color:#000!important}.down-arrow{position:absolute;height:8%;margin-top:3%;width:5%}.projects-container{margin-top:2%;height:45vh;display:flex;justify-content:center;justify-content:space-evenly}.project1{opacity:.7;display:flex;justify-content:center;align-items:center;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;overflow:hidden;background-image:linear-gradient(120deg,#96f8a3,#85cf8f);width:25%;cursor:pointer}.project1:hover{opacity:1}.project1:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#1e90ff;height:2%;display:flex;justify-content:center;transition-property:left,right;transition-duration:.3s;transition-timing-function:ease-out}.project1:active:before,.project1:focus:before,.project1:hover:before{left:0;right:0}.link{height:99%;width:99%}.link,.project2{display:flex;justify-content:center;align-items:center}.project2{opacity:.7;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;overflow:hidden;background-image:linear-gradient(90deg,#ede574 0,#f5f2ba 51%,#ede574);width:25%;cursor:pointer}.project2:hover{opacity:1}.project2:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#1e90ff;height:2%;transition-property:left,right;transition-duration:.3s;transition-timing-function:ease-out}.project2:active:before,.project2:focus:before,.project2:hover:before{left:0;right:0}.pathways{box-shadow:0 0 5px 5px #faf6f6;border-radius:2%;height:20%;width:50%}.kanye{height:50%}.project3{opacity:.7;display:flex;justify-content:center;align-items:center;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;overflow:hidden;background-image:linear-gradient(108.1deg,#a7dce1 11.2%,#d9eff2 88.9%);width:25%;cursor:pointer}.project3:hover{opacity:1}.project3:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#1e90ff;height:2%;transition-property:left,right;transition-duration:.3s;transition-timing-function:ease-out}.project3:active:before,.project3:focus:before,.project3:hover:before{left:0;right:0}.teacher{font-size:xx-large;color:#1e90ff}.project4{opacity:.7;display:flex;justify-content:center;align-items:center;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;overflow:hidden;background-color:#35373b;width:25%;cursor:pointer}.project4:hover{opacity:1}.project4:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#1e90ff;height:2%;transition-property:left,right;transition-duration:.3s;transition-timing-function:ease-out}.project4:active:before,.project4:focus:before,.project4:hover:before{left:0;right:0}.swole{border-radius:9%;height:40%;width:40%}.project5{opacity:.7;display:flex;justify-content:center;align-items:center;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;overflow:hidden;background-image:linear-gradient(0deg,#fff 0,#fff 30%,#fff 0,#fff 59%,#fff 85%,#c9c9c9 105%);width:25%;cursor:pointer}.project5:hover{opacity:1}.project5:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#1e90ff;height:2%;transition-property:left,right;transition-duration:.3s;transition-timing-function:ease-out}.project5:active:before,.project5:focus:before,.project5:hover:before{left:0;right:0}.project6{opacity:.7;display:flex;justify-content:center;align-items:center;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;overflow:hidden;background-color:#faaca8;background-image:linear-gradient(19deg,#faaca8,#ddd6f3);width:25%;cursor:pointer}.project6:hover{opacity:1}.project6:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#1e90ff;height:2%;transition-property:left,right;transition-duration:.3s;transition-timing-function:ease-out}.project6:active:before,.project6:focus:before,.project6:hover:before{left:0;right:0}.planner{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-size:xx-large;color:#000}.plan,.plan1{display:flex;justify-content:center;font-family:"Playfair Display",cursive;width:100%}.mouse{height:10%;width:10%}.conclusion{background-color:#e8e2f3;margin-top:5%;display:flex;justify-content:center;height:40vh;flex-wrap:wrap}.conclusion-title{margin-top:1.5%;font-size:xx-large;font-weight:700;text-decoration:underline}.conclusion-text,.conclusion-title{display:flex;justify-content:center;width:100%}.conclusion-text{font-size:x-large}.footer{color:#000;height:10vh;background-color:#e8e2f3;padding-left:5%;padding-right:5%}.footer,.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end}.footer-links{align-items:flex-end;width:40%;padding-bottom:.5%}.facebook{height:100%;width:100%}.footer-images{margin-left:2%;height:30%;width:4%;opacity:.7}.copyright{width:55%;display:flex;justify-content:flex-end;align-items:flex-end;padding-bottom:.6%}.footer-contact{margin-bottom:.8%}.about{height:79.9vh;display:flex}.about-contain{height:100%;width:50%;margin-left:5%}.image-contain{border-bottom:4px solid #e8e2f3;width:100%;height:50%;display:flex;justify-content:center;align-items:center}.about-image{height:225px;width:225px}.mee{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;height:100%;width:100%;border-radius:100%}.about-text-contain{height:51%;width:100%;display:flex;justify-content:center;justify-content:space-evenly;align-items:center}.about-text{width:40%;height:90%;text-indent:1.5rem;letter-spacing:1px;font-size:large;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif}.about-tech{height:100%;width:50%;margin-right:5%}.tech-title{height:10%;font-size:xx-large;font-weight:500}.about-pic-contain,.tech-title{display:flex;justify-content:center;align-items:center}.about-pic-contain{height:89%;width:100%}.about-pic-section{border-top:4px solid #e8e2f3;height:95%;width:95%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.tech{margin:2%;height:20%;width:20%}.about-img{width:100%}@media only screen and (max-width:1024px){.conclusion{height:30vh}.conclusion-text{font-size:large}.footer-images{height:15%}.projects-container{margin-top:5%;margin-bottom:10%;height:20vh}.down-arrow{margin-top:3%;height:5%;width:5%}.homepage{height:125vh}.opening-text{font-size:x-large}}@media only screen and (max-width:800px){.about{height:145vh;display:flex;flex-wrap:wrap}.about-contain{width:100%;height:50%;margin-left:0}.image-contain{height:40%}.about-tech{margin-right:0;width:100%;height:50%}.about-image{height:170px;width:170px}.about-pic-section{border-top:none}.about-text-contain{border-bottom:4px solid #e8e2f3}.about-text{font-size:large}.conclusion{height:25vh}.conclusion-text{font-size:small}.footer-images{height:20%}.projects-container{margin-top:5%;margin-bottom:10%;height:20vh}.down-arrow{margin-top:3%;height:5%;width:5%}.homepage{height:125vh}.opening-text{font-size:large}.soup{width:70%;margin-left:15.5%}.planner{font-size:medium}.teacher{font-size:large}.citrics{width:80%}.title-text{display:none}.nav-links{font-size:large}}@media only screen and (max-width:500px){.image-contain{height:30%}.about-image{height:100px;width:100px}.about-text-contain{height:80%}.about-text{font-size:medium}.about-tech{height:40%;margin-right:0;padding-top:15%}.soup{width:60%;margin-left:20.5%}.homepage{height:85vh}.projects-container{height:15%}.nav-title{color:#000;font-size:large}.nav-links{font-size:x-small!important}.opening-text{font-size:small}.down-arrow{margin-top:5%;height:3%;width:3%}.showcase{font-size:large}.conclusion{height:20vh}.conclusion-text,.copyright,.footer-contact{font-size:xx-small}.footer-images{height:20%}.conclusion-title{margin-top:5%;font-size:x-large}}
/*# sourceMappingURL=main.2cd637f5.chunk.css.map */