@import url(https://fonts.googleapis.com/css2?family=Megrim&family=Merienda+One&family=Noto+Sans+JP&family=Quicksand&display=swap);@import url(https://fonts.googleapis.com/css?family=Megrim|Raleway);@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i);@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);.navbar{background-color:#0b090a;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000}.navbar .brand{margin:0;padding:.7rem 2rem;color:#fdfffc;font-family:"Megrim",cursive;font-size:3rem}.navbar .brand-mobile{display:none;color:#0b090a;background-color:#fdfffc;border-radius:50%;font-family:"Merienda One",cursive;padding:10px;margin:1rem 2rem}.navbar ul{list-style-type:none;margin:0;padding:1rem 2rem;overflow:hidden;display:flex;justify-content:flex-end;font-size:1.8rem}.navbar li{margin:.2rem 1.3rem}.navbar li a{text-decoration:none;font-family:"Noto Sans JP",sans-serif;color:#fdfffc;transition:all .2s ease-in}.navbar a:focus,.navbar a:hover,.navbar li.active a{color:#00b4d8;position:relative}.navbar a:focus:after,.navbar a:hover:after,.navbar li.active a:after{content:" ";background-color:#00b4d8;width:1vw;height:1px;position:absolute;bottom:-3px;right:0;animation:bouncing-line 2s forwards}@media(max-width:1200px){.navbar .brand{display:none}.navbar .brand-mobile{display:block}}@media(max-width:600px){.navbar .brand,.navbar .brand-mobile{display:none}.navbar{justify-content:center}.navbar ul{font-size:1.2rem;padding:.8rem 1.3rem}.navbar li{margin:.2rem .7rem}}@keyframes bouncing-line{0%{left:-500px;width:0}to{left:0;width:100%}}#home{min-height:90vh;width:100vw}#home .background{position:absolute;top:0;left:0;min-width:100%;min-height:100%;background:url(https://images.unsplash.com/photo-1532978379173-523e16f371f2?auto=format&fit=crop&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&q=80&w=1950) no-repeat;background-blend-mode:multiply;background-position:50% 50%;z-index:-100}#home .container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}#home .container h1{font-family:"Megrim";display:block;width:auto;font-size:6em;color:#f0f;color:hsla(0,0%,100%,.87);margin:0;line-height:80%;text-shadow:3px 6px 0 rgba(50,50,50,.15)}#home.active-section .container .slideInLeft{animation:slideInLeft 2s ease forwards}#home.active-section .container .slideInRight{animation:slideInRight 2s ease forwards}#home .container h2{padding:10px;font-family:"Raleway";font-weight:300;color:hsla(0,0%,100%,.87);font-size:1.5em;font-weight:0;letter-spacing:.3em;background:rgba(50,50,50,.15)}#home .test a{width:100px;height:50px;background:orange}#home #tsparticles canvas{height:100vh!important;width:100vw!important}@media(max-width:768px){.container h1{font-size:4.3em!important}.container h2{font-size:1.6em!important}}#about{min-height:100vh;width:80vw;margin:7% auto 0}#about .heading{text-align:center;font-family:"Merienda One",cursive;color:#0b090a;font-size:2.5rem;padding-bottom:2px;border-bottom:1px solid #8d99ae;margin-bottom:20px}#about .bio{padding:0 2rem;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}#about .bio-img{height:100%;width:40%;margin:auto}#about.active-section .bio .bio-img{animation:slideInLeft 2s ease forwards}#about.active-section .bio .bio-about{animation:slideInRight 2s ease forwards}#about .bio-img img{display:block;height:70%;width:80%;object-fit:cover;border-radius:50%;box-shadow:3px 3px 3px 3px #ccc;border:1px solid grey;padding:2px}#about .bio-about{width:45%;padding:0 2%;font-family:"Quicksand",sans-serif;font-size:1.125rem;line-height:1.75rem;color:#111827}#about .links{display:flex;justify-content:space-evenly;align-items:center}#about .links a{display:block;height:35px;width:35px;border:1px solid #e5e5e5;border-radius:50%;padding:2% 0 0 2%;transition:.2s ease-in-out}#about .links a:hover{-webkit-filter:brightness(50%);filter:brightness(50%);background-color:#f0efeb}#about .links a svg{height:24px;width:24px}.skill-set{width:100%;height:80vh;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start}.bar{width:45%;height:auto;margin:auto;border-top-right-radius:4px;border-bottom-right-radius:4px;box-shadow:2px 2px 2px 2px #ccc;display:flex}.skill-set .bar .label,.skill-set .bar .value{min-width:20%;padding:0 0 0 1rem;text-align:center;font-size:1.58rem;text-transform:uppercase;font-family:"Merienda One",cursive}.skill-set .bar .width{height:100%;background-color:#0abebe;border-top-right-radius:4px;border-bottom-right-radius:4px}.skill-set.active-section .bar .width{animation:progress 4s ease forwards}.skill-set.active-section{animation:flipInX 4s ease forwards}@media(max-width:600px){#about{width:95vw}#about .bio{padding:0;flex-direction:column;text-align:center}#about .bio-img{width:90%}#about .bio-img img{border-radius:0;margin:auto;width:90%;height:50vh}#about .bio-about{width:100%;padding:0}#about .links a{padding:1.5% 1% 0}.bar{width:100%}.skill-set .bar .label,.skill-set .bar .value{font-size:1.3rem;padding:0}}@keyframes progress{0%{width:0}to{width:100%}}#projects{min-height:100vh;width:80vw;margin:7% auto!important}section#projects h1{text-align:center;font-family:"Merienda One",cursive;color:#0b090a;font-size:3rem;padding-bottom:2px;border-bottom:1px solid #8d99ae;margin-bottom:20px}section#projects h2{font-family:"Raleway";color:#0b090a;font-size:2rem;padding:2px;margin:20px}#projects.active-section h2{animation:popDown 2s ease forwards}#projects .featured{height:50vh;width:100%;margin-bottom:50px}#projects.active-section .featured{animation:flipInX 4s ease forwards}.carousel{width:90%;height:100%;display:flex;justify-content:space-between;overflow:hidden;position:relative;margin:40px auto;box-shadow:3px 3px 5px 5px #ccc;border-radius:10px}.carousel-item{visibility:visible;display:flex;width:100%;height:100%;align-items:center;justify-content:flex-end;-webkit-align-items:center;-webkit-justify-content:flex-end;position:relative;background-color:#fff;flex-shrink:0;-webkit-flex-shrink:0;position:absolute;z-index:0;transition:all .6s linear}.carousel-item__info{height:100%;display:flex;justify-content:center;flex-direction:column;display:-webkit-flex;-webkit-justify-content:center;order:1;left:0;margin:auto;padding:0 40px;width:40%}.carousel-item__image{width:60%;height:100%;order:2;align-self:flex-end;flex-basis:60%;-webkit-order:2;-webkit-align-self:flex-end;-webkit-flex-basis:60%;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;transform:translateX(100%);transition:all .6s ease-in-out}.carousel-item__subtitle{font-family:"Open Sans",sans-serif;font-size:10px;text-transform:uppercase;margin:0;color:#7e7e7e;transition:all .4s ease-in-out}.carousel-item__subtitle,.carousel-item__title{letter-spacing:3px;font-weight:700;transform:translateY(25%);opacity:0;visibility:hidden}.carousel-item__title{margin:15px 0 0;font-family:"Playfair Display",serif;font-size:44px;line-height:45px;color:#2c2c2c;transition:all .6s ease-in-out}.carousel-item__description{margin-top:35px;font-size:13px;color:#7e7e7e;line-height:22px;margin-bottom:35px}.carousel-item__btn,.carousel-item__description{transform:translateY(25%);opacity:0;visibility:hidden;transition:all .6s ease-in-out;font-family:"Open Sans",sans-serif}.carousel-item__btn{color:#2c2c2c;letter-spacing:3px;font-size:11px;text-transform:uppercase;margin:0;width:35%;font-weight:700;text-decoration:none;display:flex;justify-content:space-between;width:100%!important;align-items:center}.carousel-item__btn:hover img{opacity:1;transform:translateY(0)}.carousel-item__btn img{width:20px;margin:10px;transform:translateX(-20px);opacity:0;transition:.2s ease-in}.carousel__nav{position:absolute;right:0;z-index:2;background-color:#fff;bottom:0}.carousel__icon{display:inline-block;vertical-align:middle;width:16px;fill:#5d5d5d}.carousel__arrow{cursor:pointer;display:inline-block;padding:11px 15px;position:relative}.carousel__arrow:first-child:after{content:"";right:-3px;position:absolute;width:1px;background-color:#b0b0b0;height:14px;top:50%;margin-top:-7px}.active{z-index:1;display:flex;visibility:visible}.active .carousel-item__btn,.active .carousel-item__description,.active .carousel-item__subtitle,.active .carousel-item__title{transform:translateY(0);opacity:1;transition:all .6s ease-in-out;visibility:visible}.active .carousel-item__image{transition:all .6s ease-in-out;transform:translateX(0)}@media(max-width:700px){#projects{width:100vw}.carousel{height:100%!important;width:90%!important}.carousel-item{flex-direction:column-reverse!important}.carousel-item__info{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-start;-webkit-justify-content:flex-start;padding:0 20px}.carousel-item__image{width:100%!important;height:70%!important}.carousel-item__container{height:40%!important;margin-top:0}.carousel-item__title{font-size:2rem!important;margin-bottom:5px!important}.carousel-item__description{line-height:unset!important;margin-bottom:20px!important}}.mini-projects .container{max-width:120%;margin:0 auto;height:auto!important}.mini-projects header>h1,.project-filter-buttons{text-align:center}.project-filter-buttons button{margin:5px;padding:10px;border:none;border-radius:5px;cursor:pointer;outline:none}.mini-projects.active-section button{animation:popIn 3s ease forwards}.project-filter-buttons button:hover{background:orange}button.clear-button{background:#fff;font-family:"Merienda One",cursive;background:#416dea;color:#fff!important;transition:.2s ease}button.clear-button:hover{background:rgba(243,44,80,.796078431372549)}.project-filter-buttons button.active-filter{background:rgba(243,44,80,.796078431372549);color:#fff;font-weight:600}.projects-grid{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center}.project{min-height:300px;position:relative;min-width:250px;width:31%;box-shadow:3px 3px 5px 5px #ccc}.project,.project .child{margin:10px;border-radius:20px!important;transition:.5s ease-in}.project .child{position:absolute;width:95%;top:0;left:0!important;height:95%;background-color:#f1f1f1;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;padding:20px;font-size:1.4rem;opacity:0;font-family:"Raleway"}.project:hover .child{opacity:.9;cursor:pointer}.child .about{font-family:"Merienda One"}@media(max-width:900px){#projects{width:100vw!important}}.widget a{margin:10px!important;font-size:10rem!important}.project .child .buttons{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.project-image{width:100%;border-radius:20px;box-shadow:3px 3px 5px 5px rgba(65,110,234,.30196078431372547)}.project-title{text-align:center;font-family:"Merienda One",cursive}.project>.badges{margin:30px 5px 5px;display:flex;align-items:center;flex-wrap:wrap}.project>.badges>span{border:1px solid transparent;color:#111;font-weight:700;border-radius:20px;font-family:"Raleway";padding:3px 7px;position:relative;margin:5px}.project>.badges>span:nth-child(2n){background-color:#f1f1f1}.project>.badges>span:nth-child(odd){background-color:rgba(30,143,255,.466)}@media(max-width:569px){.project{content:"°";width:80%!important}.project-image{width:93%;border-radius:20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(0)}60%{opacity:1;transform:scale(1.05)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes flipInX{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(5deg)}to{opacity:1;transform:perspective(400px)}}@keyframes flip{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes popDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-400px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(300px)}to{opacity:1;transform:translateX(0)}}@keyframes logo{0%{transform:translateY(0)}to{transform:translateY(10px)}}.footer{width:100vw;height:20vh;background-color:#1b242f}.footer-arrow{font-size:1.5rem;display:block;position:relative;color:#fff;margin-left:48vw;z-index:100;top:0}.contact-icons{text-align:center;display:block}a{text-decoration:none!important}.icon{padding:20px;font-size:1.8rem;color:#06e5e5;opacity:.8}.icon:hover{color:#e31b6d;opacity:1;transform:translateY(7px);transform-style:flat}.footnote{display:block;text-align:center;font-family:"Raleway";color:#fff}.foot-name{text-indent:2;color:#e31b6d;font-size:1.2rem}@media only screen and (max-width:768px){.about-image-text-item{padding-left:70px}.demo .main-title{font-size:2.8em}img{height:30vh;width:50vw;border-radius:20px;margin:8px 15px}.message-input{width:80vw!important;height:20px!important}textarea.message-input{height:150px!important}}@media screen and (min-width:500px){li a:hover{background-color:#f44;color:#fff}}.contact{height:80vh;width:100vw;overflow-y:auto;background:#252934;z-index:1}.contact-heading{font-family:"Merienda One",cursive;font-size:2.5rem;color:#8addf7;padding-top:20px;padding-bottom:20px}.contact-heading,.question{display:block;text-align:center}.question{font-size:1.1rem;color:#04c2c9;text-indent:2}.form,.question{font-family:"Raleway",sans-serif}.form{padding-top:30px;z-index:-1}.form-item-container{text-align:center;padding-bottom:5px}.form-item-container textarea{width:40vw;height:20vh}.message-input{background:#1e242c;font-size:1.15rem;color:#fff;border:0;width:40vw;height:3vh;padding:5px}.text-center{text-align:center}#submit{font-size:.9rem;background:#1e242c;width:80px;margin:0 auto;border:0 solid;padding:5px;border-radius:6px;color:#e31b6d;font-family:"Raleway",sans-serif}*,body,html{box-sizing:border-box}body,html{padding:0;margin:0;overflow-x:hidden}
/*# sourceMappingURL=main.7ab85840.chunk.css.map */