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}*{margin:0;padding:0}body,html{z-index:-3;background-color:#efeeee;box-sizing:border-box;word-break:break-all}body,button,input,p,select,textarea{font-family:"Montserrat",sans-serif;letter-spacing:-.2px;font-size:16px}div,p{color:#babecc;text-shadow:1px 1px 1px #fff}form{padding:16px;width:320px;margin:0 auto}ul{list-style-type:none}.container{max-width:1024px;margin:0 auto}.section-title{font-size:60px;font-weight:bolder;text-align:center;margin-bottom:50px}header{width:100%;background-color:#efeeee;top:0;left:0;position:fixed;z-index:9;display:flex}header a{text-decoration:none;color:#000}header .navbar{width:100%;margin:0 auto;max-width:1024px;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;box-sizing:border-box;height:60px}header .navbar .navbar__logo{font-size:24px;color:#000;font-weight:700}header .navbar .navbar__menu{display:flex;list-style:none}header .navbar .navbar__menu li{margin:0 10px;transition:all .2s ease-in-out;border-radius:10px;overflow:hidden}header .navbar .navbar__menu li button{color:#696969;border:none;width:100%;height:100%;display:block;padding:8px 12px;cursor:pointer}header .navbar .navbar__menu li:hover{box-shadow:-2px -2px 5px #fff,2px 2px 5px #b6b4b4}header .toggleBtn{right:15px;font-size:25px;display:none;transition:all .2s ease-in-out;border-radius:10px;color:#696969;width:40px;height:40px;justify-content:center;align-items:center;text-align:center;top:0;bottom:0;margin:auto 0}header .toggleBtn:hover{box-shadow:-2px -2px 5px #fff,2px 2px 5px #b6b4b4}header .toggleBtn:active{box-shadow:inset 1px 1px 2px #b6b4b4,inset -1px -1px 2px #fff}.toggle__menu{display:none}@media screen and (max-width:768px){header .navbar .navbar__menu{display:none}header .navbar .toggleBtn{display:flex}.toggle__menu{display:flex;position:fixed;top:60px;width:100%;height:calc(100vh - 60px);background-color:hsla(0,3%,93.5%,.9176470588235294);z-index:9;list-style:none;align-items:center}.toggle__menu ul{margin:10px;list-style:none;position:relative;padding:40px 20px}.toggle__menu ul,.toggle__menu ul li{box-shadow:-4px -4px 13px #fff,4px 4px 13px #b6b4b4;border-radius:10px;width:100%}.toggle__menu ul li{box-sizing:border-box;margin-bottom:40px;font-size:24px;overflow:hidden}.toggle__menu ul li a{text-decoration:none}.toggle__menu ul li a,.toggle__menu ul li button{color:#696969;width:100%;height:100%;display:block;padding:20px}.toggle__menu ul li button{border:none;box-sizing:border-box;background-color:transition;font-size:30px;border-radius:10px}.toggle__menu ul li:hover{box-shadow:-2px -2px 5px #fff,2px 2px 5px #b6b4b4}.toggle__menu ul li:last-child{margin-bottom:0}}.about-section{padding-top:30px;margin-bottom:540px}.about-section .about-content{display:flex;align-items:center;justify-content:center}.about-section .about-content .about-picture{box-sizing:border-box;max-width:300px;box-shadow:5px 5px 5px rgba(0,0,0,.322);border-radius:5px;margin:30px;width:100%}.about-section .about-content .about-info{margin:30px;max-width:600px;min-width:300px;box-sizing:border-box}.about-section .about-content .about-info .info-title{font-size:35px;margin:0 auto;display:block;text-align:center;color:#42b35e;font-weight:bolder}.about-section .about-content .about-info .info{text-align:left;font-size:18px;color:#686868;font-weight:600;text-shadow:none;word-break:keep-all;line-height:1.5}.about-section .about-content .about-info ul{padding:20px 0;list-style:none}.about-section .about-content .about-info ul li{height:40px;display:flex;align-items:center}.about-section .about-content .about-info ul li .info-li{display:flex;align-items:center;text-shadow:none;color:#686868}.about-section .about-content .about-info ul li .info-li .icon{font-size:20px;color:#555;margin-right:10px}@media screen and (max-width:768px){.about-section .about-content{flex-wrap:wrap}.about-section .about-content .about-picture{border-radius:100%;max-height:300px;height:100%}}.title_container{margin-top:60px;position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:600px;text-align:center}.title_container .title_background{background-image:url(/portfolio/static/media/seattle_night.bac796ed.jpg);background-size:cover;background-position:50%;width:100%;height:100%;position:absolute;left:0;top:0}.title_container .title_filter{background-color:#000;opacity:.5;position:absolute;width:100%;height:100%;left:0;top:0}.title_container .title_contents{text-align:center;color:#fff;z-index:1;text-shadow:none;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;box-sizing:border-box;word-break:keep-all}.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:#42b35e;width:200px;height:16px}.portfolio-section .portfolio-content{display:flex;flex-wrap:wrap;margin-bottom:220px}.portfolio-section .portfolio-content .portfolio-info-area{min-height:200px;flex-basis:50%;padding:20px;box-sizing:border-box}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info{border:1px solid #efeeee;height:100%;border-radius:10px;box-shadow:-7px -7px 13px #fff,4px 4px 13px #b6b4b4;position:relative;padding:20px;box-sizing:border-box}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .badge-num{font-size:50px;font-weight:700;color:#f3e9b2;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5);border-radius:50%;line-height:90px;box-sizing:border-box}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .badge-num .badge-suffix{font-size:20px;vertical-align:super}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .badge-num-area{position:absolute;top:-22px;right:-22px;width:100px;height:100px;z-index:4}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .badge-num-area .award-badge{width:100%;height:auto}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .badge-area{position:absolute;top:-20px;right:-20px;width:100px;height:100px;z-index:2}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .badge-area .award-badge{width:100%;height:auto}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .picture-area{height:300px;background-image:url(/portfolio/static/media/seattle_night.bac796ed.jpg);border-radius:10px 10px 0 0;background-size:cover;background-position:50%;background-repeat:no-repeat;top:0;left:0;width:100%;position:absolute;overflow:hidden}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .picture-area img{width:100%;height:100%;object-fit:cover}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .title{margin-top:310px;font-size:28px;font-weight:700;color:#696969;word-break:keep-all}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .contents{color:#7e7e7e}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .contents .cur,.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .highlight-blink{color:#ae1100}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .button{box-shadow:-4px -4px 13px #fff,4px 4px 13px #b6b4b4;transition:all .2s ease-in-out;border-radius:10px;cursor:pointer;text-decoration:none;padding:10px;margin-top:20px;margin-right:10px;display:inline-block;color:#696969;font-weight:700}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .button:hover{box-shadow:-2px -2px 5px #fff,2px 2px 5px #b6b4b4;color:orange}.portfolio-section .portfolio-content .portfolio-info-area .portfolio-info .button:active{box-shadow:inset 1px 1px 2px #b6b4b4,inset -1px -1px 2px #fff}@media screen and (max-width:768px){.portfolio-section .portfolio-content .portfolio-info-area{flex-basis:100%;padding:10px 20px}}.skills-section{margin-bottom:400px}.skills-section .skills-content .skill-title{font-weight:600;font-size:25px;text-align:center;margin-top:30px}.skills-section .skills-content .skills-infos{display:flex;flex-wrap:wrap;justify-content:center}.skills-section .skills-content .skills-infos .skill-group .skill{width:100px;height:100px;margin:20px;box-sizing:border-box;box-shadow:-4px -4px 13px #fff,4px 4px 13px #b6b4b4;display:flex;justify-content:center;align-items:center;border-radius:10px}.skills-section .skills-content .skills-infos .skill-group .skill-info{color:#333;text-align:center}.awards-section .portfolio-content{display:flex;flex-wrap:wrap;margin-bottom:520px}.awards-section .portfolio-content .portfolio-info-area{min-height:200px;flex-basis:50%;padding:20px;box-sizing:border-box}.awards-section .portfolio-content .portfolio-info-area .portfolio-info{border:1px solid #efeeee;height:100%;border-radius:10px;box-shadow:-7px -7px 13px #fff,4px 4px 13px #b6b4b4;position:relative;padding:20px;box-sizing:border-box}.awards-section .portfolio-content .portfolio-info-area .portfolio-info .badge-num{font-size:50px;font-weight:700;color:#f3e9b2;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5);border-radius:50%;line-height:90px;box-sizing:border-box}.awards-section .portfolio-content .portfolio-info-area .portfolio-info .badge-num .badge-suffix{font-size:20px;vertical-align:super}.awards-section .portfolio-content .portfolio-info-area .portfolio-info .badge-num-area{position:absolute;top:-22px;right:-22px;width:100px;height:100px;z-index:4}.awards-section .portfolio-content .portfolio-info-area .portfolio-info .badge-num-area .award-badge{width:100%;height:auto}.awards-section .portfolio-content .portfolio-info-area .portfolio-info .badge-area{position:absolute;top:-20px;right:-20px;width:100px;height:100px;z-index:2}.awards-section .portfolio-content .portfolio-info-area .portfolio-info .badge-area .award-badge{width:100%;height:auto}.awards-section .portfolio-content .portfolio-info-area .portfolio-info .picture-area{height:300px;background-image:url(/portfolio/static/media/seattle_night.bac796ed.jpg);border-radius:10px 10px 0 0;background-size:cover;background-position:50%;background-repeat:no-repeat;top:0;left:0;width:100%;position:absolute;overflow:hidden}.awards-section .portfolio-content .portfolio-info-area .portfolio-info .picture-area img{width:100%;height:100%;object-fit:cover}.awards-section .portfolio-content .portfolio-info-area .portfolio-info .title{margin-top:310px;font-size:28px;font-weight:700;color:#696969;word-break:keep-all}.awards-section .portfolio-content .portfolio-info-area .portfolio-info .contents{color:#7e7e7e}.awards-section .portfolio-content .portfolio-info-area .portfolio-info .contents .cur,.awards-section .portfolio-content .portfolio-info-area .portfolio-info .highlight-blink{color:#ae1100}@keyframes blink{50%{opacity:0}}.awards-section .portfolio-content .portfolio-info-area .portfolio-info .button{box-shadow:-4px -4px 13px #fff,4px 4px 13px #b6b4b4;transition:all .2s ease-in-out;border-radius:10px;cursor:pointer;text-decoration:none;padding:10px;margin-top:20px;margin-right:10px;display:inline-block;color:#696969;font-weight:700}.awards-section .portfolio-content .portfolio-info-area .portfolio-info .button:hover{box-shadow:-2px -2px 5px #fff,2px 2px 5px #b6b4b4;color:orange}.awards-section .portfolio-content .portfolio-info-area .portfolio-info .button:active{box-shadow:inset 1px 1px 2px #b6b4b4,inset -1px -1px 2px #fff}@media screen and (max-width:768px){.awards-section .portfolio-content .portfolio-info-area{flex-basis:100%;padding:10px 20px}}.footer-section{background-color:#707070;width:100%;height:150px;display:flex;justify-content:center;flex-direction:column;align-items:center;box-shadow:inset 1px 1px 2px #b6b4b4,inset -1px -1px 2px #fff}.footer-section .footer-contents{display:flex;justify-content:space-between;height:80px}.footer-section .footer-contents .topButton{border:none;background:none;color:#fff;font-size:25px;font-weight:700}.footer-section .footer-link{margin:10px}
/*# sourceMappingURL=main.644ddd52.chunk.css.map */