@import url(https://fonts.googleapis.com/css2?family=Caveat&family=Thasadith&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}#modalArea,#wrap,.bg,body,html{margin:0;padding:0;height:auto}.bg{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-1;filter:blur(5x);-webkit-filter:blur(5px);background:radial-gradient(circle,rgba(238,174,202,.5) 0,rgba(148,187,233,.7) 100%),url(/my-portfolio/static/media/top-bg.103a0f8c.jpg);background-position:-5px -5px -5px -5px}body{overflow-y:scroll;color:#333;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;font-size:16px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1.title{font-family:"Thasadith",sans-serif;font-size:2.5rem}h2{font-size:2rem}h1,h2{font-family:"Thasadith",sans-serif}a{cursor:pointer;cursor:hand}iframe{margin:0 20px}.top_top__2QqwO{height:100vh;display:flex;align-items:center;justify-content:center}.top_top__2QqwO div{font-size:100px;margin:20px;font-weight:700;color:#f3f0c8;font-family:"Caveat",cursive;letter-spacing:15px;text-align:center}.top_top__2QqwO div,svg{position:fixed;z-index:-1}svg{bottom:15%;-webkit-animation:top_scrollguide__j4ojO 2s ease-in-out infinite;animation:top_scrollguide__j4ojO 2s ease-in-out infinite}@-webkit-keyframes top_scrollguide__j4ojO{0%{bottom:15%}50%{bottom:17%}to{bottom:15%}}@keyframes top_scrollguide__j4ojO{0%{bottom:15%}50%{bottom:17%}to{bottom:15%}}.profile_icon__211WT,.profile_proflileText__2tomd{display:inline-block}.profile_proflileText__2tomd{align-items:center;font-size:1.2rem}.profile_icon__211WT{margin:0 5%;vertical-align:top}.profile_icon__211WT>img{border-radius:50%;height:200px;width:200px}.fadeInTitle_resevedTitleSpace__3-1gV{height:46px;margin:26px 0}.contetnArea_fullSizeContainer__Rj5yK{background-color:#fff}.contetnArea_contentsContainer__2pYkB{margin:0 auto;width:65vw;background-color:#fff}:root{--before-text:rgba(51,51,51,0.5);--hover-text:#333;--btn-border-color:#333}.navigation_menu__1aiRy{background-color:transparent;padding:0;margin:5vh 4vw;position:fixed;top:0;left:0;height:100vh}.navigation_menu__1aiRy>div>a{position:relative;display:block;margin:5px 10px;padding:8px 10px;width:100px;font-size:1.5rem;text-align:center;color:rgba(51,51,51,.5);color:var(--before-text);border:2px solid transparent;outline:none;transition:all .2s}.navigation_menu__1aiRy>div>a:after,.navigation_menu__1aiRy>div>a:before{position:absolute;content:"";width:0;height:0;border:3px solid transparent}.navigation_menu__1aiRy>div>a:before{top:-2px;left:-2px}.navigation_menu__1aiRy>div>a:after{bottom:-2px;right:-2px}.navigation_menu__1aiRy>div>a:hover{color:#333;color:var(--hover-text)}.navigation_menu__1aiRy>div>a:hover:after,.navigation_menu__1aiRy>div>a:hover:before{width:100%;height:100%}.navigation_menu__1aiRy>div>a:hover:before{border-bottom-color:#333;border-bottom-color:var(--btn-border-color);border-left-color:transparent;transition:width .3s}.navigation_hidenMenu__H3NGc{pointer-events:none}.navigation_menuBtn__3NpXG{margin:20px 0}.navigation_footer__sQa8g{background-color:transparent;color:#fff;height:7vh;text-align:center;padding:0;margin:0 auto;font-size:1.5rem}.navigation_footer__sQa8g>span{display:inline-block;vertical-align:center;margin:15px auto}@font-face{font-family:"icomoon";src:url(/my-portfolio/static/media/icomoon.83341ad9.eot);src:url(/my-portfolio/static/media/icomoon.83341ad9.eot#iefix) format("embedded-opentype"),url(/my-portfolio/static/media/icomoon.a4549a2e.ttf) format("truetype"),url(/my-portfolio/static/media/icomoon.2c1c2e2c.woff) format("woff"),url(/my-portfolio/static/media/icomoon.24b8047e.svg#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:"icomoon"!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-instagram:before{content:"\ea92"}.icon-instagram:hover{color:transparent;background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);-webkit-background-clip:text;background-clip:text;transition:.4s}.icon-twitter:before{content:"\ea96"}.icon-twitter:hover{color:#1da1f2;transition:.4s}.icon-github:before{content:"\eab0"}.icon-github:hover{color:#000;transition:.4s}.contact_mailAddress__srBim{text-align:center;font-size:2rem;padding:10px}.contact_sns__3yg60{display:block;text-align:center;padding:10px}.contact_sns__3yg60>a{display:inline-block;margin:10px 40px;font-size:2rem;color:#333;text-decoration:none;transition:.3s}.contact_sns__3yg60>a:hover{transform:scale(1.3);transition:.3s}table{font-size:1.5rem;align-items:center;margin:0 auto}.skills_category__y1cnY{align-content:center;text-align:center;padding:10px 0}table{color:#333;width:300px}table td{padding:3.5px}.skills_name__q0Ggh{text-align:left}.skills_rank__3y11x{text-align:right}:root{--modal-width:60vw;--modal-height:80vh}.slider_modal__2fjfh{background-color:#fff;margin:10vh auto;width:60vw;width:var(--modal-width);height:80vh;height:var(--modal-height);border-radius:20px;padding:10px;overflow:hidden}.slider_closebtn__1wPpe{position:fixed;right:21vw;margin:15px 10px;font-size:2rem}.slider_closebtn__1wPpe,.slider_thenail__LFoN2{cursor:pointer;cursor:hand}.slider_worksDetail__2LJBz{padding:50px 100px}.slider_thumbnail__2qARa{height:300px;width:270px;margin:10px;border-radius:10px;overflow:hidden}.slider_thumbnail__2qARa:hover{cursor:pointer;cursor:hand}.slider_thumbnail__2qARa>img{transition:.3s}.slider_thumbnail__2qARa>img:focus,.slider_thumbnail__2qARa>img:hover{transform:scale(1.25);transition:.5s}.slider_thumbnail__2qARa>figcaption{position:absolute;pointer-events:none;margin:10;top:0;height:320px;width:270px;border-radius:10px;border:none;overflow:hidden;background:linear-gradient(0deg,#212121,hsla(0,0%,100%,0) 53%,hsla(0,0%,100%,0))}figcaption>p{position:relative;top:65%;line-height:normal;color:#fff;margin:16px}figcaption>p>span{line-height:30px;color:#fff}.slider_worksDetail__2LJBz>dl>dd>p,.slider_worksDetail__2LJBz>dl>dd>ul{padding:0;line-height:1.35rem}.slider_springRound__3sXjk{top:0;left:0;width:60px;height:60px;border-radius:50%;z-index:1}.slider_springRound__3sXjk,.slider_springRound__3sXjk:before{background:#94bbe9;transition:.5s}.slider_springRound__3sXjk:hover{opacity:1}.slider_btnBox__2FXR8{position:relative}.slider_closeIcon__2GYbL{position:absolute;top:8px;left:19px;margin:0;font-weight:bolder;pointer-events:none}.detailComponents_detailItem__3NqLv{font-family:"Thasadith",sans-serif;font-size:1.2rem;line-height:2rem;background-color:#453e3e;width:200px;padding:0 10px;color:#fff;margin:0}.detailComponents_imgConatiner__Em_br{margin:0;padding:0;width:100%;height:400px}.detailComponents_topImage__l1S4S{width:100%;height:auto}.detailComponents_mainText__mXH4N{margin:10px 0}.worksSlider_sliderbox__9ZzU5{width:70%;margin:0 auto}
/*# sourceMappingURL=main.c1e65b78.chunk.css.map */