body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}body,html{background-color:#202023;box-sizing:border-box;word-break:normal;z-index:-3}body,button,input,p,select,textarea{font-family:Montserrat,sans-serif;font-size:16px;letter-spacing:-.2px}div,p{color:#fff;text-shadow:1px 1px 1px #000}form{margin:0 auto;padding:16px;width:320px}ul{list-style-type:none}.container{margin:0 auto;max-width:1024px}.section-title{font-size:60px;font-weight:bolder;margin-bottom:50px;text-align:center}a{text-decoration:none}.returnFooter{background-color:rgba(0,0,0,.267);padding:1rem 0}.returnFooter,button{display:flex;justify-content:center;width:100%}button{align-items:center;background-color:#0000;border:none;color:#fff;cursor:pointer;gap:.5rem;overflow:hidden;padding:8px 19px;transition:all .2s ease-in-out}button:hover{color:#ff557c}header{background-color:#202022;box-shadow:0 2px 10px #0009;display:flex;left:0;position:fixed;top:0;width:100%;z-index:9}header a{color:#000;text-decoration:none}header .navbar{align-items:center;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:1024px;padding:8px 12px;width:100%}header .navbar .navbar__logo{align-items:center;color:#fff;display:flex;flex-direction:row;font-size:24px;font-weight:700}header .navbar .navbar__logo img{height:60px;margin-right:1rem}header .navbar .navbar__menu{display:flex;list-style:none}header .navbar .navbar__menu li{margin:0 10px}header .navbar .navbar__menu li button{align-items:center;background-color:inherit;border:none;color:#fff;cursor:pointer;display:flex;gap:.5rem;height:100%;overflow:hidden;padding:8px 19px;transition:all .2s ease-in-out;width:100%}header .navbar .navbar__menu li button:hover{color:#ff557c}header .toggleBtn{align-items:center;bottom:0;box-shadow:-4px -4px 13px #18181b,4px 4px 13px #0c0c0d;color:dimgray;display:none;font-size:25px;height:40px;justify-content:center;margin:auto 0;right:15px;text-align:center;top:0;transition:all .2s ease-in-out;width:40px}header .toggleBtn:hover{box-shadow:-2px -2px 5px #252528,2px 2px 5px #18181b}header .toggleBtn:active{box-shadow:inset 1px 1px 2px #18181b,inset -1px -1px 2px #252528}.toggle__menu{display:none}@media screen and (max-width:768px){header .navbar .navbar__menu{display:none}header .navbar .toggleBtn{display:flex}.toggle__menu{align-items:center;background-color:#5c5c5cb3;display:flex;height:calc(100vh - 60px);list-style:none;position:fixed;top:60px;width:100%;z-index:9}.toggle__menu ul{list-style:none;margin:10px;padding:40px 20px;position:relative}.toggle__menu ul,.toggle__menu ul li{border-radius:10px;box-shadow:-4px -4px 13px #252528,4px 4px 13px #18181b;width:100%}.toggle__menu ul li{box-sizing:border-box;font-size:24px;margin-bottom:40px;overflow:hidden}.toggle__menu ul li a{color:dimgray;text-decoration:none}.toggle__menu ul li a,.toggle__menu ul li button{display:block;height:100%;padding:20px;width:100%}.toggle__menu ul li button{background-color:#18181b;border:none;border-radius:10px;box-sizing:border-box;color:#fff;font-size:30px}.toggle__menu ul li:hover{box-shadow:-2px -2px 5px #252528,2px 2px 5px #18181b}.toggle__menu ul li:last-child{margin-bottom:0}}@keyframes float{0%{box-shadow:0 5px 15px 0 #0009;transform:translatey(0) rotate(0deg)}50%{box-shadow:0 25px 15px 0 #0003;transform:translatey(-10px) rotate(5deg) skew(2deg) scale(1.05)}to{box-shadow:0 5px 15px 0 #0009;transform:translatey(0) rotate(0deg)}}.about-section{margin-bottom:40px}.about-section a{color:#ff557c80;text-decoration:none}.about-section a:hover{color:#ff557c80}.about-section .about-content{display:flex;gap:2rem;margin:0 1.5rem}.about-section .about-content .picture-section{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.about-section .about-content .picture-section .info-li{display:flex;margin-left:-1.5rem}.about-section .about-content .picture-section .info-li .icon{padding-right:.5rem}.about-section .about-content .about-picture{animation:float 4s ease-in-out infinite;animation-play-state:paused;border-radius:50rem;box-shadow:5px 5px 5px rgba(0,0,0,.322);box-sizing:border-box;overflow:hidden;width:100%}.about-section .about-content .about-picture:hover{animation-play-state:running}.about-section .about-content .about-info{box-sizing:border-box;margin:30px;max-width:600px;min-width:300px}.about-section .about-content .about-info .info-title{color:#ff557c;display:block;font-size:30px;font-weight:bolder;margin:0 auto;text-align:center}.about-section .about-content .about-info .info{color:#8b8b8b;font-size:16px;font-weight:600;text-shadow:none}.about-section .about-content .about-info ul{padding:20px 0}.about-section .about-content .about-info ul li{height:40px}.about-section .about-content .about-info ul li a{color:inherit;text-decoration:none}.about-section .about-content .about-info ul li a:hover,.about-section .about-content .about-info ul li a:hover .icon{color:#ff557c80}.about-section .about-content .about-info ul li .info-li{color:#8b8b8b;display:flex;gap:1rem;text-shadow:none}.about-section .about-content .about-info ul li .info-li .icon{color:#8b8b8b;font-size:20px}@media screen and (max-width:768px){.about-section .about-content{flex-wrap:wrap;justify-content:center;margin:2rem}.about-section .about-content .about-picture{height:125%;margin:0 -2rem;width:125%}.about-section .about-content .about-picture img{height:auto;width:100%}.about-section .about-content .picture-wrap{border-radius:50rem;height:15rem;overflow:hidden;width:15rem}}.title_container{align-items:center;display:flex;height:600px;justify-content:center;margin-top:60px;position:relative;text-align:center;width:100%}.title_container .title_background{background-image:url(/static/media/crop_shunjukustreet.8704210cdb5112479401.png);background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.title_container .title_filter{background-color:#000;height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.title_container .title_contents{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:10px;text-align:center;text-shadow:none;z-index:1}.title_container .title_contents h1{font-size:60px;margin-bottom:20px;margin-top:20px}.title_container .title_contents h2{margin-top:30px}.title_container .title_contents .line{background-color:#ff557c;height:16px;width:200px}.skills-section{margin-bottom:120px}.skills-section .skills-content .skill-title{font-size:25px;font-weight:600;margin-top:30px;text-align:center}.skills-section .skills-content .skills-infos{display:flex;flex-wrap:wrap;justify-content:center}.skills-section .skills-content .skills-infos .skill-group .skill{align-items:center;background:#0b0b0b;background:linear-gradient(315deg,#18181b,#252528);border-radius:10px;box-shadow:-4px -4px 13px #313135,4px 4px 13px #0c0c0d;box-sizing:border-box;display:flex;height:100px;justify-content:center;margin:20px;transition:all .2s;width:100px}.skills-section .skills-content .skills-infos .skill-group .skill:hover{box-shadow:-6px -6px 13px #313135,6px 6px 13px #0c0c0d;transform:scale(1.05)}.skills-section .skills-content .skills-infos .skill-group .skill-info{color:#ccc;text-align:center}.portfolio-section .portfolio-content{display:flex;flex-wrap:wrap;margin-bottom:120px}.portfolio-section .portfolio-content a{color:#ff557c;text-decoration:none}.portfolio-section .portfolio-content .button{align-items:center;background:#ff557c;border-radius:10px;color:azure;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:10px;text-shadow:none;transition:all .1s ease-in-out;width:95%}.portfolio-section .portfolio-content .button:hover{background:#af1958}.portfolio-section .portfolio-content .button:active{box-shadow:inset 1px 1px 2px #18181b,inset -1px -1px 2px #252528}.portfolio-section .portfolio-content .buttonGroup{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.portfolio-section .portfolio-content .portfolio-info-area{box-sizing:border-box;flex-basis:50%;min-height:200px;padding:1rem}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info{background:#37383a;border-radius:10px;box-sizing:border-box;height:100%;padding:1.5rem;position:relative;text-shadow:none}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .picture-area{background-image:url(/static/media/1.f6756f32d0f467b5156a.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px 10px 0 0;height:300px;left:0;overflow:hidden;position:absolute;top:0;width:100%}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .picture-area img{height:100%;object-fit:cover;width:100%}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .title{color:#fff;font-size:30px;font-weight:700;margin:290px 0 10px}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .contents{color:#bebebe;line-height:1.5rem;text-shadow:none}@media screen and (max-width:768px){.portfolio-section .portfolio-content .portfolio-info-area{flex-basis:100%;padding:10px 20px}}.project-container{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:80px auto;max-width:80%}.project-container h1{font-size:3rem;margin-top:5rem}.project-container img,.project-container p{font-size:1.2rem;line-height:2rem;max-width:80%}.project-container a{color:#ff557c;text-decoration:none}.project-container .button-group{display:flex;gap:1rem}.project-container .button{align-items:center;background:#ff557c;border-radius:10px;color:azure;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:10px;text-shadow:none;transition:all .1s ease-in-out}.project-container .button:hover{background:#af1958}.project-container .button:active{box-shadow:inset 1px 1px 2px #18181b,inset -1px -1px 2px #252528}.project-container .cover-image{align-items:center;display:flex;flex-direction:column}.project-container .tech-stack{display:flex;gap:1rem}.project-container .skills-infos{display:flex;flex-wrap:wrap;justify-content:center}.project-container .skills-infos .skill-group{align-items:center;display:flex;flex-direction:column}.project-container .skills-infos .skill-group .skill{align-items:center;background:#0b0b0b;background:linear-gradient(315deg,#18181b,#252528);border-radius:10px;box-shadow:-4px -4px 13px #313135,4px 4px 13px #0c0c0d;box-sizing:border-box;display:flex;height:100px;justify-content:center;margin:20px;transition:all .2s;width:100px}.project-container .skills-infos .skill-group .skill:hover{box-shadow:-6px -6px 13px #313135,6px 6px 13px #0c0c0d;transform:scale(1.05)}.project-container .skills-infos .skill-group .skill-info{color:#ccc;text-align:center}.infoscreen{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:center;margin:0;min-height:100vh;overflow:hidden;padding:0;width:100vw}.infoscreen-content{display:flex;flex-direction:column;gap:2rem;text-align:center}.infoscreen-time{font-size:12rem}.infoscreen-date,.infoscreen-time{font-family:Arial,sans-serif;font-weight:300;line-height:1}.infoscreen-date{font-size:4rem}@media(max-width:768px){.infoscreen-time{font-size:6rem}.infoscreen-date{font-size:2rem}}
/*# sourceMappingURL=main.5c897acc.css.map*/