@import url(https://fonts.googleapis.com/css?family=Trirong);@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900);.App{text-align:center}body{margin:0;padding:0}.alata-regular{font-family:Alata,sans-serif}.alef{font-family:Alef}.home{box-sizing:border-box}.about,.home{align-items:center;height:100%;margin:0;padding:0}.about{display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center;width:100%}.about img{margin-bottom:50px;margin-top:-100px}.about .prompt{align-items:center;font-size:20px;margin-top:0;position:relative;width:100%}.about h3{color:#4b9cd3;display:block;font-size:42px;height:100px;margin-bottom:0}.who{display:inline-block;font-size:16px;line-height:200%;text-align:center;text-align:left;width:50%}.who a{color:#4b9cd3}.about h3:nth-child(2){animation:animate 4s ease-in-out infinite;color:#faff5e;font-size:42px;transform:translateY(-140%)}.updates{stroke-width:1%;color:#4b9cd3;text:hover{color:blue!important;text-decoration:underline}}.updates-items{float:left;margin-left:0;padding-left:0}.updates ul{list-style:none;margin-left:0}.updates li{margin-left:0;margin-top:2em}.updates a:hover{color:#4b9cd3;transition:.3s}.updates a{color:#000;font-size:20px;margin-left:0;padding-left:0;text-align:left}@keyframes animate{0%,to{-webkit-clip-path:polygon(0 45%,6% 38%,20% 27%,38% 24%,40% 47%,49% 64%,51% 72%,74% 78%,79% 75%,100% 67%,100% 100%,0 100%);clip-path:polygon(0 45%,6% 38%,20% 27%,38% 24%,40% 47%,49% 64%,51% 72%,74% 78%,79% 75%,100% 67%,100% 100%,0 100%)}50%{-webkit-clip-path:polygon(0 59%,5% 71%,24% 86%,34% 71%,41% 64%,41% 46%,51% 35%,74% 21%,89% 35%,100% 42%,100% 100%,0 100%);clip-path:polygon(0 59%,5% 71%,24% 86%,34% 71%,41% 64%,41% 46%,51% 35%,74% 21%,89% 35%,100% 42%,100% 100%,0 100%)}}@keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@keyframes swell{0%,to{transform:translate3d(0,-25px,0)}50%{transform:translate3d(0,5px,0)}}.projects{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.projects .headline{color:#4b9cd3}.projects .projectTitle{color:#3e497a;font-size:60px;font-weight:bolder;text-align:center}.projectList{display:grid;grid-template-columns:1fr 1fr 1fr;height:auto;place-items:center;width:auto}.tag-container{display:flex;gap:12px;justify-content:center;margin:20px}.tag-button{background-color:#fff;border:1px solid #ccc;border-radius:20px;cursor:pointer;font-size:16px;padding:8px 16px;transition:.3s}.tag-button.active{background-color:#4b9cd3;border-color:#4b9cd3;color:#fff}.tag-button.hover{background-color:gray}.projectItem{border-radius:15px;box-shadow:0 3px 15px #0003;font-weight:400!important;height:350px;margin:40px;position:relative;text-align:center;width:300px}.projectItem:hover{box-shadow:0 3px 15px #00000080;cursor:pointer;transition:.3s ease-in}.projectItem .bgImage{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:15px;border-top-right-radius:15px;height:200px;width:100%}.projectItem .project-header-container{height:15%}.projectItem h1{align-items:center;font-size:20px;line-height:120%}.projectItem p{font-size:15px;line-height:100%;margin-top:0}.projectItem p.date{left:2%;margin-left:30px;text-align:left;width:100px}.projectItem p.date,.projectItem p.skill{bottom:1%;font-size:15px;position:absolute}.projectItem p.skill{display:inline-block;font-style:italic;right:40px;text-decoration:underline}@media only screen and (max-width:1300px){.projectList{grid-template-columns:1fr 1fr}}@media only screen and (max-width:800px){.projectList{grid-template-columns:1fr;width:100%}.projectItem{height:300px;width:300px}}.navbar{background-image:url(/portfolio/static/media/HomePage_transparent.a6e7c39137768f53a5c8.png);background-repeat:repeat-x;background-size:40%;height:150px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.links{align-items:center,left;color:#6b7b8b;display:flex;height:50%;justify-content:center,left;padding-left:7%;width:100%}.navbar a{color:#b9d9eb;font-size:20px;margin:20px;text-decoration:none}.navbar a:hover{color:#6b7b8b}.toggleButton{align-items:center;display:flex;height:100px;justify-content:flex-end;width:100%}.toggleButton svg{font-size:50px}.toggleButton button{background-color:initial;border:none;color:#fff;cursor:pointer;margin-right:20px}#open{height:100vh}#open .links{flex-direction:column;justify-content:flex-start;margin-top:100px}#open a{text-align:center;width:100%}@media only screen and (max-width:900px){.navbar a{width:70px}}@media only screen and (max-width:600px){.toggleButton{display:flex}#close a{display:none}}@media only screen and (min-width:600px){.hiddenLinks,.toggleButton{display:none}#open{height:100px}#open .links{flex-direction:row}}.footer{align-items:center;background-image:url(/portfolio/static/media/HomePage_transparent.a6e7c39137768f53a5c8.png);background-repeat:repeat-x;display:flex;flex-direction:column;height:150px;justify-content:center;margin-top:200px;padding-top:10px;width:100%}.socialMedia svg{color:#fff;cursor:pointer;font-size:48px;margin:20px}.footer p{color:#fff}@media only screen and (max-width:600px){.footer svg{font-size:50px}}.project{align-items:center;background-position-y:100px;display:flex;flex-direction:column;height:calc(100vh - 100px);justify-content:center;width:100%}.project h1{color:#3e497a;font-size:35px;margin-top:100px}.project img{border-radius:10px;width:700px}.project p{color:#3e497a;font-size:40px;font-weight:lighter}.project svg{color:#3e497a;font-size:60px}.projectDetail,.projectDetail #body{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.projectDetail #body{margin-bottom:100px;position:relative}.projectDetail h1{color:#3e497a;font-size:35px;margin-top:50px}.projectDetail img{border-radius:10px;height:auto;margin-bottom:50px;width:40%}.projectDetail p{color:#000;font-size:18px;font-weight:2;margin-top:20px;width:60%}.projectDetail ul{width:60%}.projectDetail .video-container{height:80%}.experience{align-items:center;display:flex;flex-direction:column;font-family:Alata,sans-serif;height:auto;justify-content:center;width:100%}.experience .headline{color:#4b9cd3}.experience-section{width:70%}.experience a{color:#4b9cd3}.list-component{flex-direction:column;list-style:none;padding-top:20px;width:100%}.list-component .__item{background-position:0 0;margin-bottom:10px;padding:0 0 4px 60px;position:relative;right:67px;top:10px}.card-component{border:3px solid #4b9cd3;border-radius:5px;bottom:20px;box-shadow:0 3px 15px #0003;margin-bottom:3em;max-width:200%;padding:2em 2em 2em 3em;position:relative}.card-component .__year{font-size:1em}.card-component .__title{font-size:1.5em}.card-component .__text{color:gray}.card-component .__work-sample{overflow:hidden;padding:0}.card-component .work-sample-header{font-size:1em;margin:0;padding:0;text-align:center}.__work-sample .work-sample-grids{margin-top:15px}div.gallery{border:1px solid #ccc;height:120px;width:200px}div.gallery:hover{border:1px solid #70bcf4}.gallery img{height:100%;object-fit:cover;width:100%}div.desc{padding:15px;text-align:center}*{box-sizing:border-box}.responsive{float:left;padding:0 6px;width:24.99999%}@media only screen and (max-width:700px){.responsive{margin:6px 0;width:49.99999%}}@media only screen and (max-width:500px){.responsive{width:100%}}.clearfix:after{clear:both;content:"";display:table}.writing{align-items:center;display:flex;flex-direction:column;font-family:Alata,sans-serif;height:auto;justify-content:center;width:100%}.writing .headline{color:#4b9cd3}.writing-section{width:70%}.cell-link{color:inherit;display:block;text-decoration:none}.list-component-article{flex-direction:column;list-style:none;padding-top:20px;width:100%}.card-component-article{align-items:center;border:3px solid #4b9cd3;border-radius:5px;bottom:20px;box-shadow:0 3px 15px #0003;display:flex;margin-bottom:2em;max-width:200%;padding:3em 2.5em;position:relative}.card-component-article:hover{background-color:#98c4ebdd;box-shadow:0 3px 15px #00000080;cursor:pointer;transition:.2s ease-in}.image-container{flex-shrink:0;height:250px;margin-right:3em;width:400px}.article-cover{height:100%;object-fit:cover;width:100%}.text-container{align-items:flex-start;display:flex;flex-direction:column}.text-container .__title{font-size:1.5em}.text-container .__summary{color:#100b0b}
/*# sourceMappingURL=main.f09d8c8c.css.map*/