@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Nanum+Pen+Script&display=swap);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{--main_color_navy:#2c3e50;--main_color_yellow:#f5cc5e}*{margin:0;padding:0}body{color:#222;color:var(--text_color);font-family:NotoSans,sans-serif,Arial;font-size:14px;overflow-x:hidden}li,ol,ul{list-style:none}a{color:#222;color:var(--text_color);text-decoration:none}h2{padding:20px 0 0 20px}header{background:#2c3e50;background:var(--main_color_navy);color:#fff;height:100px;left:0;position:fixed;top:0;width:100%;z-index:100}header h1{color:#fff;float:left;line-height:15px;padding:20px 0 0 10px}header h1 a{color:#fff;font-family:Libre Baskerville;font-family:var(--main_font);font-size:1.6rem;font-weight:700}header nav{float:right;width:60%}header nav ul{display:flex;justify-content:right;margin-right:20px}header nav ul li{line-height:100px}header nav button{background:none;border:none;color:#fff;cursor:pointer;font-family:Libre Baskerville;font-family:var(--main_font);font-size:1.4rem;font-weight:700;padding:0 8px;transition:.1s}header nav button:hover{border-bottom:2px solid #f5cc5e;border-bottom:2px solid var(--main_color_yellow);color:#f5cc5e;color:var(--main_color_yellow);padding:3px 8px}.top_btn button{background:#2c3e50;background:var(--main_color_navy);border:1px solid #969696;border-radius:50%;bottom:30px;color:#fff;padding:15px;position:fixed;right:30px;z-index:100}.top_btn button:hover{background:#1e2a36;cursor:pointer}main{padding-top:100px}footer{position:relative;text-align:center;width:100%}footer address{color:#fff;font-style:normal;position:absolute;top:-50px;width:100%}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes moveDot{0%{opacity:1;top:4px}50%{opacity:.5;top:12px}to{opacity:1;top:4px}}@keyframes fadeIn{to{opacity:1}}@keyframes shake{0%{transform:translate(0)}1%,3%,5%,7%,9%{transform:translate(-2px)}10%,2%,4%,6%,8%{transform:translate(2px)}11%{transform:translate(0)}to{transform:translate(0)}}:root{--text_color:#222;--main_color_navy:#0a192f;--main_color_yellow:#f9ca24;--main_color_mint:#a2ded0;--main_font:"Libre Baskerville";--sub_font:"Nanum Pen Script"}section{height:100vh;margin:0 auto;width:100%}h2,h3{font-family:Libre Baskerville;font-family:var(--main_font)}.intro{background:url(/portfolio/static/media/intro_bg.3d422c2349f822c992bd.png);background-repeat:no-repeat;height:100vh;position:relative;width:100%;z-index:1}.intro h2{color:#fff;font-family:Libre Baskerville;font-family:var(--main_font);font-size:10rem;text-align:left}.intro .text_bar{animation:blink .8s infinite;color:#fff;display:inline-block;margin-left:2px}.r_img{position:absolute;right:0;top:0}.intro_text{font-family:Libre Baskerville;font-family:var(--main_font);font-size:8.75rem;left:10%;top:20%}.intro_text p{position:absolute}.intro_text p:first-child{color:#ffbfbf;left:10%}.intro_text p:nth-child(2){color:#a2ded0;font-size:7.5rem;left:20%;top:37%}.intro_text p:nth-child(3){color:#2ee59d;font-size:6.25rem;left:30%;top:50%}.intro_text p:last-child{color:#f9ca24;color:var(--main_color_yellow);font-size:5rem;left:35%;top:60%}.fade-in{animation:fadeIn 1s ease-in forwards;opacity:0}.fade-in.d1{animation-delay:.5s}.fade-in.d2{animation-delay:1s}.fade-in.d3{animation-delay:1.5s}.fade-in.d4{animation-delay:2s}.subtext{bottom:25%;font-weight:400;right:30px;text-align:left;white-space:pre-line;word-break:keep-all}.scroll-down,.subtext{color:#fff;position:absolute}.scroll-down{bottom:8rem;font-family:Nanum Pen Script;font-family:var(--sub_font);left:50%;text-align:center;transform:translateX(-50%)}.scroll-down p{color:#fff;font-family:Libre Baskerville;font-family:var(--main_font)}.scroll-down p:last-child{animation:moveDot 1.5s infinite;color:#fff;left:50%;position:absolute;top:30px;transform:translateX(-50%);width:5px 10px}.mouse{border:2px solid #fff;border-radius:14px;height:40px;margin:0 auto 8px;position:relative;width:24px}.dot{animation:moveDot 1.5s infinite;background:#fff;border-radius:50%;height:8px;left:50%;top:4px;transform:translateX(-50%);width:4px}.dot,.dot-bottom{position:absolute}.dot-bottom{border-bottom:1px solid #fff;height:1px;text-align:center;top:20px;width:24px}.profile{background:#232323;height:100vh;left:0;margin-top:-100px;pointer-events:auto;position:relative;top:0;width:100%;z-index:10}.profile h2{color:#fff;font-size:50px}.profile_img{cursor:pointer;margin-top:30px;perspective:1000px;width:30%}.profile_img:hover{animation:shake 3s step-end infinite}.profile_img img{border-radius:10px;height:300px;margin-left:33%;width:200px}.flipper{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease;width:100%}.flipper.flip{transform:rotateY(180deg)}.back,.front{backface-visibility:hidden;height:100%;object-fit:cover;position:absolute;width:100%}.back{transform:rotateY(180deg)}.profile_text{margin-left:8%;margin-top:18%;width:400px}.profile_text p{color:#fff;font-size:large;line-height:50px;margin-left:10%;padding:0 5px;text-align:left}.profile_text .profile_name{color:#fff;font-size:24px;font-weight:700;padding-bottom:20px;padding-left:100px}.fa-baby{padding-right:20px}.fa-house{padding-right:15px}.fa-mobile{padding-right:23px}.fa-envelope{padding-right:18px}.profile_text p span{margin:0 3px}.profile_text p span,.profile_text p span a{background:#68d4ff;border-radius:10px;color:#fff;padding:4px 7px}.profile_text p .music:hover{animation:shake 3s step-end infinite}.profile_r{left:35%;position:absolute;top:130px}.profile_r h3{color:#fff;font-family:Libre Baskerville;font-family:var(--main_font);font-size:2rem}.skill{display:flex;margin:20px 0 50px}.skill li{color:#fff;font-weight:400;margin-left:20px;padding:0 5px;text-align:center}.skill li img{height:50px;width:50px}.education{line-height:30px}.education li{color:#fff;font-size:16px;list-style:disc}.about{margin-top:50px}.about div{background:#fff;border-radius:10px;box-shadow:0 0 10px #0009;font-size:15px;padding:30px;text-align:center;width:630px}.about div p{font-weight:700}.about div p span:first-child{color:#2ee59d;font-size:20px}.about div p span:last-child{color:#ff6f61;font-size:20px}.data{color:#222;position:absolute;right:-40%;top:35%}.project{background:#232323;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));height:400vh;padding-bottom:100px;position:relative}.project h2{color:#fff;font-size:50px;margin-bottom:20px}.project .more{color:#fff;font-size:30px;position:absolute;right:100px;top:2%;transition:.2s}.project .more:hover{border-bottom:2px solid #f9ca24;border-bottom:2px solid var(--main_color_yellow);color:#f9ca24;color:var(--main_color_yellow);padding-bottom:3px}.cardstyle{background:#ccc;border-radius:12px;box-shadow:0 8px 20px #0000001a;height:70%;margin:50px auto 150px;overflow:hidden;padding:12px;transition:transform .3s;width:700px}.cardinner{background-color:#f9f9f9;height:580px;margin:0 auto;padding:10px;width:480px}.linkstyle{color:inherit}.imgstyle{border-radius:8px;margin-bottom:12px;width:100%}.contact{background:url(/portfolio/static/media/contact_bg.011f24afb1466cf4c641.png);background-repeat:no-repeat;height:100vh;width:100%}.contact h2{color:#f9ca24;color:var(--main_color_yellow);font-family:Libre Baskerville;font-family:var(--main_font);font-size:50px}.contact_container{background:#fff;border-radius:30px 0 0 30px;box-shadow:0 5px 10px #00000080;float:right;height:250px;transform:translateY(-400px);width:40%}.contact_container ul{display:flex;justify-content:space-around;line-height:50px}.contact_container ul li{font-family:Libre Baskerville;font-family:var(--main_font)}.contact_container ul li:first-child a{color:#000;font-size:50px;padding-right:10px}.contact_container ul li:first-child img{transform:translateY(10px)}.contact_container ul li h3{font-size:30px;margin-top:60px}.contact_container ul li a,.contact_container ul li p{font-size:24px}.epilogue{background:#fff;border-radius:0 30px 30px 0;box-shadow:5px 0 10px #00000080;height:530px;transform:translateY(80px);width:40%}.epilogue h3{background:#a2ded0;border-radius:0 30px 0 0;color:#fff;font-family:Libre Baskerville;font-family:var(--main_font);font-size:30px;padding:20px 0 10px 10px;width:125.4%}.epilogue div{width:600px}.epilogue div p{font-family:Nanum Pen Script;font-family:var(--sub_font);font-size:30px;line-height:30px;padding:30px 0 0 100px;text-indent:10px}.epilogue div p span{color:#f76707;font-weight:700}.sns{background:#fff;border-radius:30px 0 0 30px;bottom:10%;box-shadow:0 5px 10px #00000080;height:120px;left:95%;position:relative;width:100px}.sns div a .insta{width:105px}.sns div a .kakao{margin-left:40px;width:30px}.slide-wrapper{align-items:center;display:flex;flex-direction:row;gap:40px;justify-content:space-between;margin:100px 0;padding:0 10%}.slide-img{background-position:50%;background-repeat:no-repeat;background-size:cover;height:500px;overflow:hidden;position:relative;width:100%;z-index:11}.slide-img img{height:auto;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.slide-text{background:#373737;border-radius:5px;padding:20px;width:800px}.slide-text img{height:50px}.slide-text a:first-child{border-radius:5px;color:#efeff1;float:right;font-size:20px;font-weight:700;padding:3px 5px;transition:.3s}.slide-text a:first-child:hover{background:#a8a8a8;color:#232323}.slide-text p{color:#efeff1;font-size:20px;line-height:1.5;padding-bottom:20px}.slide-text p span{font-weight:700}.slide-text .day{padding-right:7px}.slide-text .day span{padding-right:10px}.slide-text .language,.slide-text .layout{padding-right:20px}.slide-text p:last-child{margin-top:-20px}.slide-text .notion_btn button{background:var(--main_color_navy);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px;transition:.5s;width:100%}.slide-text .notion_btn button:hover{color:var(--main_color_yellow);transform:translateY(-5px)}.modal{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modalcontent{background-color:#fff;border-radius:5px;height:80%;max-width:900px;padding:20px;position:relative;width:80%}.modalcontent button{background:#0000;border:none;cursor:pointer;font-size:30px;padding:5px;position:absolute;right:20px;top:10px;z-index:100000}
/*# sourceMappingURL=main.a7687287.css.map*/