@import url(https://fonts.googleapis.com/css2?family=Otomanopee+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@500&display=swap);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}html{font-size:15px;font-family:"Otomanopee One",sans-serif}@keyframes dropdown{0%{max-height:0}to{max-height:6rem}}@keyframes dropup{0%{max-height:6rem}to{max-height:0}}@keyframes slideLeft{0%{right:-19rem}to{right:1rem}}.skillDropdown::-webkit-scrollbar{width:10px}.ContentsBox::-webkit-scrollbar{background:transparent}.ContentsBox::-webkit-scrollbar-thumb,.skillDropdown::-webkit-scrollbar-thumb{background:#2e2e3a;border-radius:1px}.Header{position:absolute;left:1rem;top:1rem;z-index:3}.CenterDiv{background-color:#f5f6f3;position:absolute}.CenterDiv,.CenterSvg{width:100%;height:100%}.App,body{overflow:hidden}.App{display:flex;flex-direction:row;z-index:0;width:100%;position:relative;height:110vh}.Left{top:20%;left:1rem;height:22rem;width:18rem}.Left,.Right{position:absolute;z-index:2;display:flex;flex-direction:column;background-color:#558daf;border-radius:6px;padding:1rem}.Right{top:10%;align-items:flex-start;justify-content:flex-start;right:-19rem;width:15rem;animation-duration:.5s}.divSkill{max-height:10rem;opacity:1;display:flex;flex-direction:column;padding-left:2rem}.beforeInput{display:flex;flex-direction:row;margin-right:1px;justify-content:center;align-items:baseline;width:100%;right:1rem;position:relative}.beforeInput>div{font-size:1.3rem;margin:5px 5px 0;width:80%}.skillDropdown{display:flex;flex-direction:column;overflow-y:scroll;overflow-x:hidden;animation-duration:.5s;max-height:0;width:85%}.skillDropdown>div{padding:.2rem;border-bottom:3px solid;border-color:#94b46e;background-color:#fff;z-index:3;width:100%}.beforeInput>div>div>input{height:2rem;z-index:2;width:11rem;font-size:.8rem;background-color:#fff;border:2.5px solid #b6cedd;border-radius:5px}.afterInput{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative}.afterInput>div{background-color:#fff;position:absolute;z-index:2;left:75%}.afterInput>div>img{width:1rem;display:block;padding:.7rem .3rem .3rem}#DivTitle{position:absolute;z-index:1}#DivTitle>p{position:absolute;font-family:"Otomanopee One",sans-serif;color:#fff;background-color:#6d9dba;max-width:10rem;padding:.2rem;border-radius:6px;font-size:1rem}.Next{font-family:"Work Sans",sans-serif;background-color:#0f0f0f;font-size:1.5rem;border-radius:3px;border:0;color:#fff;border-bottom:3px solid #b6cedd;border-right:3px solid #b6cedd}.Next:hover{background-color:#3f6a86}#SkillNextCount,#WorkNextCount{opacity:0}#Tag1,#Tag2{position:absolute;background-color:#0f0f0f;z-index:1;top:42%;padding:.8rem .3rem .3rem;border-bottom:0 solid #2e2e3a;border-right:0 solid #2e2e3a;border-left:0 solid #2e2e3a;border-radius:3px;border-bottom-left-radius:9px;border-bottom-right-radius:9px;color:#fff}.divSkill>div{padding-bottom:1rem}.BottomRight{display:flex;flex-direction:row;position:absolute;top:20rem;left:9rem}.BottomRight>div{padding:.3rem;margin:1rem .1rem .1rem;border-radius:.7rem}.itemSkill{font-size:.7rem}.ribbon{position:relative;display:flex;left:1rem;flex-direction:column}.rotate{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);color:#fff}.rect{background-color:#0f0f0f;width:1.6rem;height:6.1rem;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.rect>p:first-child{position:relative;bottom:1rem}.rect>p:nth-child(2){position:relative;top:.6rem;font-size:1.1rem}.ribbottom{position:relative;display:flex;width:1rem;flex-direction:row;padding:0;margin:0}.arrow-down,.arrow-down2{width:0;height:0;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-top:2rem solid #0f0f0f}.QuickLinks{display:flex;flex-direction:column;position:absolute;top:17rem;left:3rem;background-color:#f5f6f3;width:14rem;border-radius:1rem;border:2.5px solid #b6cedd;border-radius:5px;justify-content:center;align-items:center}.QuickLinksTitle{position:absolute;bottom:4.3rem;background-color:#3f6a86;padding-left:1rem;padding-right:1rem;border-radius:5px;color:#fff}.QuickLinksTitle>p{padding:0;margin:0}.QuickLinksLinks{display:flex;flex-direction:row}.QuickLinksLinks>div{margin-top:1rem;padding:.5rem 1rem 1rem}.QuickLinksLinks>div:first-child>a>i{color:#0a66c2}.QuickLinksLinks>div:nth-child(2)>a>i{color:#000}.QuickLinksLinks>div:nth-child(3)>a>i{color:#79d9ff}.Name{background-color:#0f0f0f;color:#fff;right:1.1rem;font-size:.8rem;padding:.3rem 1.1rem;position:relative;border-radius:.3rem}.beforeDuration{width:100%;display:flex;margin:0}.Duration{font-size:.8rem;background-color:#493736;color:#fff;border-radius:7px;margin:1rem auto .8rem;padding:.3rem}.skillTags{font-size:.8rem;display:flex;flex-direction:row;flex-wrap:wrap}.skillTagItem{padding:.2rem;margin:.2rem;background-color:#493736;color:#fff;border-radius:4px}.ContentsBox{display:flex;flex-direction:column;overflow-y:scroll;max-height:12rem;margin-top:.1rem;scrollbar-width:none}.ContentsBoxTitle{margin-top:.8rem;color:#fff}.Contents{font-size:.8rem;padding:.3rem;background-color:#dddcd9;color:#2e2e3a;margin:.2rem}.Url{background-color:#0f0f0f;margin-top:.5rem;padding:.3rem;border-radius:4px}.Url>a{text-decoration:none}.Education{display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.Education>div{display:flex;flex-direction:row;margin-bottom:.5rem;margin-top:.5rem;width:100%;justify-content:left}.Education>div>div{padding:.5rem}.EduLabels{background-color:#dddcd9}@media only screen and (max-width:600px){html{font-size:9px;font-family:"Otomanopee One",sans-serif}.Header{position:absolute;left:1rem;z-index:3}}@media only screen and (max-width:800px){html{font-size:9px;font-family:"Otomanopee One",sans-serif}.Header{position:absolute;left:1rem;z-index:3}}@media only screen and (max-width:400px){html{font-size:7px;font-family:"Otomanopee One",sans-serif}.Header{position:absolute;left:1rem;z-index:3}}
/*# sourceMappingURL=main.5236f8d1.chunk.css.map */