@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap);@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);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}:root{--background-color:#1c1c1c;--header-color:#665148;--sub-color:#c8b9aa;--text-color:#f5f5f5;--pre-background-color:var(--background-color);--pre-header-color:var(--header-color);--pre-sub-color:var(--header-color);--pre-text-color:#fff;--pre-text-color2:#1d2a3a}@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-left{0%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(5%);transform:translateX(5%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-right{0%{-webkit-transform:translateX(5%);transform:translateX(5%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-left2{0%{-webkit-transform:translateX(-150%);transform:translateX(-150%)}80%{-webkit-transform:translateX(-40%);transform:translateX(-40%)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes slide-left2{0%{-webkit-transform:translateX(-150%);transform:translateX(-150%)}80%{-webkit-transform:translateX(-40%);transform:translateX(-40%)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@-webkit-keyframes slide-right2{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}80%{-webkit-transform:translateX(-60%);transform:translateX(-60%)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes slide-right2{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}80%{-webkit-transform:translateX(-60%);transform:translateX(-60%)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}body{background-color:#000;color:#fff;font-family:pretendard,sans-serif;padding:0 20%}.Menu{background-color:#665148;background-color:var(--header-color);display:flex;position:fixed;width:60%;z-index:1000}.Menu .Menu-1{font-size:1em;margin-left:30px;width:300px}.Menu .Menu-1 h1{margin-top:18px}.Menu .Menu-1 a{color:#fff;font-weight:bolder;text-decoration:none}.Menu .Menu-2{font-size:1em;position:absolute;right:50px;text-align:right;top:30px}.Menu .Menu-2 a{background-color:#1c1c1c;background-color:var(--background-color);border:3px solid transparent;border-radius:100px;color:#fff;margin-left:50px;padding:10px 15px;text-decoration:none}.Menu .Menu-2 a:hover{border-color:#fff}.Menu .Menu-2 .ham{display:none}.dashboard{background-color:#1c1c1c;background-color:var(--background-color);padding:150px 50px}.dashboard .dashboard-1{height:300px;position:relative}.dashboard .dashboard-1 h1{-webkit-animation:slide-left;animation:slide-left;-webkit-animation-duration:1s;animation-duration:1s}.dashboard .dashboard-1 p{font-size:1.5em;margin:0;width:60%}.dashboard .dashboard-1 img,.dashboard .dashboard-1 p{-webkit-animation:slide-right;animation:slide-right;-webkit-animation-duration:1s;animation-duration:1s}.dashboard .dashboard-1 img{border-radius:7px;position:absolute;right:0;top:0;width:180px}.dashboard .dashboard-2{padding-bottom:40px}.dashboard .dashboard-2 h2{-webkit-animation:slide-left;animation:slide-left;-webkit-animation-duration:1s;animation-duration:1s}.dashboard .dashboard-2 ul{-webkit-animation:slide-right;animation:slide-right;-webkit-animation-duration:1s;animation-duration:1s;display:flex;flex-wrap:wrap;padding-left:20px}.dashboard .dashboard-2 ul li{color:#c8b9aa;color:var(--sub-color);font-size:1em;font-weight:500;list-style-type:none;padding-bottom:20px;width:33%}.dashboard .dashboard-2 ul li span{color:#f5f5f5;color:var(--text-color)}.dashboard .dashboard-3{-webkit-animation:slide-right;animation:slide-right;-webkit-animation-duration:1s;animation-duration:1s;padding-bottom:40px}.dashboard .dashboard-3 p{font-size:1em}.dashboard .dashboard-3 ul{padding-left:0}.dashboard .dashboard-3 li{list-style-type:none}.dashboard .dashboard-4 ul{padding-left:0}.dashboard .dashboard-4 li{list-style-type:none}@-webkit-keyframes good{0%{letter-spacing:20px;transition:all 1.1s cubic-bezier(.45,.05,.55,.95) 0s}}@keyframes good{0%{letter-spacing:20px;transition:all 1.1s cubic-bezier(.45,.05,.55,.95) 0s}}.Skills{background-color:#1c1c1c;background-color:var(--background-color);padding:100px 50px;text-align:center}.Skills .title{height:100px;position:relative}.Skills .title .small{-webkit-animation:slide-left2;animation:slide-left2;-webkit-animation-duration:1s;animation-duration:1s;top:25px;z-index:100}.Skills .title .big,.Skills .title .small{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Skills .title .big{-webkit-animation:slide-right2;animation:slide-right2;-webkit-animation-duration:1s;animation-duration:1s;color:#000;font-family:sans-serif;font-size:3em;font-weight:1000;letter-spacing:0;opacity:1}.Skills .Skills-1{display:flex;flex-wrap:wrap;justify-content:left;padding:50px 0 50px 50px}.Skills .Skills-1 div{-webkit-animation:slide-right;animation:slide-right;-webkit-animation-duration:1s;animation-duration:1s;border:1px solid #fff;border-radius:7px;box-sizing:border-box;margin:0 10px 30px;padding:10px;width:45%}.Skills .Skills-1 div div{align-items:center;background-color:#665148;background-color:var(--header-color);border:none;display:flex;justify-content:flex-start;margin:0;padding:5px;width:auto}.Skills .Skills-1 div div span{padding:8px}.Skills .Skills-1 div div .second{color:gray;font-size:12px;margin-bottom:auto;margin-left:auto;margin-top:auto}.Skills .Skills-1 div img{width:40px}.Skills .Skills-1 div ul{padding:5px 5px 5px 25px}.Skills .Skills-1 div ul li{list-style-type:circle;text-align:left}.Skills .Skills-2{display:flex;flex-wrap:wrap;justify-content:left;margin:0 auto;padding:50px 0 50px 50px}.Skills .Skills-2 .skill{-webkit-animation:slide-right;animation:slide-right;-webkit-animation-duration:1s;animation-duration:1s;border:1px solid #fff;border-radius:7px;box-sizing:border-box;margin:0 10px 30px;padding:10px;width:45%}.Skills .Skills-2 .skill div{align-items:center;background-color:#665148;background-color:var(--header-color);border:none;display:flex;justify-content:flex-start;margin:0;padding:5px;width:auto}.Skills .Skills-2 .skill div span{padding:8px}.Skills .Skills-2 .skill img{width:40px}.Skills .Skills-2 .skill ul{padding:5px 5px 5px 25px;text-align:left}.Skills .Skills-2 .skill ul li{list-style-type:circle;text-align:left}.projects{background-color:#1c1c1c;background-color:var(--background-color);padding:100px 10px;position:relative;text-align:center}.projects .title{height:100px;position:relative}.projects .title .small{-webkit-animation:slide-left2;animation:slide-left2;-webkit-animation-duration:1s;animation-duration:1s;top:25px;z-index:100}.projects .title .big,.projects .title .small{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.projects .title .big{-webkit-animation:slide-right2;animation:slide-right2;-webkit-animation-duration:1s;animation-duration:1s;color:#000;font-family:sans-serif;font-size:3em;font-weight:1000;letter-spacing:0;opacity:1}.projects .projects-1{-webkit-animation:slide-right;animation:slide-right;-webkit-animation-duration:1s;animation-duration:1s;display:flex;flex-wrap:wrap;padding:50px 0}.projects .projects-1>div{border:1px solid #fff;border-radius:7px;box-sizing:border-box;margin:0 20px 40px;padding:10px;width:100%}.projects .projects-1 .con-title{background-color:#665148;background-color:var(--header-color);border:none;border-radius:5px;display:flex;margin:0;padding:5px 10px;position:relative;width:auto}.projects .projects-1 .con-wrap{display:flex}.projects .projects-1 .imgwrap{margin:auto 0;padding:10px;width:50%}.projects .projects-1 .imgwrap>img{height:auto;width:100%}.projects .projects-1 .textwrap{font-size:1em;padding:10px;text-align:left;width:50%}.link{color:#c8b9aa;color:var(--sub-color);text-decoration:none}@media screen and (max-width:1200px){body{padding:0 10%}.Menu{width:80vw}}@media screen and (max-width:720px){@-webkit-keyframes slideInFromRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInFromRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}body{background-color:#1c1c1c;background-color:var(--background-color);padding:0}.Menu{height:50px;width:100vw;z-index:100}.Menu .Menu-1{font-size:.7rem;left:-10px;position:absolute;top:-7px}.Menu .Menu-2{right:10px;top:10px;z-index:100}.Menu .Menu-2 .ham{display:block;padding-right:10px}.Menu .Menu-2 a{background-color:#665148;background-color:var(--header-color);border-color:#fff;border-radius:1px solid #fff;margin-top:30px}.Menu .Menu-2 .menu-item{display:none}.Menu .Menu-2.show .menu-item{-webkit-animation:slideInFromRight .5s ease-out forwards;animation:slideInFromRight .5s ease-out forwards;display:block;z-index:101}.dashboard{padding:15% 20px}.dashboard .dashboard-1 h1,.dashboard .dashboard-1 p{font-size:.9rem}.dashboard .dashboard-1{height:150px}.dashboard .dashboard-1 img{width:100px;z-index:1}.dashboard .dashboard-2 h2{font-size:1.1rem}.dashboard .dashboard-2{padding-bottom:0}.dashboard .dashboard-2 ul{padding-left:0}.dashboard .dashboard-2 ul li{font-size:.8rem;width:50%}.dashboard .dashboard-2 ul li:nth-child(5){width:100%}.dashboard .dashboard-3{font-size:.8rem;padding-top:10px}.dashboard .dashboard-4{font-size:.8rem}.Skills{padding:50px 20px}.Skills .title .small{top:20px}.Skills .Skills-1{padding:50px 0 0}.Skills .Skills-1 div{width:100%}.Skills .Skills-1 div div{height:40px}.Skills .Skills-1 div div>img{width:30px}.Skills .Skills-1 div div>svg{top:5px;width:30px}.Skills .Skills-1 div ul li{font-size:.8rem}.Skills .Skills-1 div div>span{padding:0 0 0 10px}.Skills .Skills-2{padding-left:0;padding-top:20px}.Skills .Skills-2 div{width:100%}.Skills .Skills-2 div div{height:40px}.Skills .Skills-2 div div>img{width:30px}.Skills .Skills-2 div ul a,.Skills .Skills-2 div ul li{font-size:.8rem}.projects{padding:50px 20px}.projects .title .small{top:20px}.projects .projects-1 .con-title{font-size:.9rem;font-weight:700}.projects .projects-1 .con-wrap{display:block}.projects .projects-1 .imgwrap{margin:auto;width:95%}.projects .projects-1 .textwrap{font-size:.8rem;padding:0 5px 5px;text-align:left;width:90%}}
/*# sourceMappingURL=main.b72f3a6e.css.map*/