@import"https://fonts.cdnfonts.com/css/alata";.main-content{position:relative;display:flex;flex-direction:row;gap:50px;align-items:center;margin-left:25px;margin-right:25px}.content1{width:350px;height:480px;background-color:#40444c;padding:20px;box-sizing:border-box;border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:17px;color:#f7f7f7}.content1 .pfp{width:100%;height:310px;background-color:#f7f7f7;border-radius:10px;background:url(/LeeHooni.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.card-content{font-family:Alata;display:flex;flex-direction:column;width:100%;align-items:center}.card-content .card-number{font-size:14px;font-weight:400}.card-content .card-name{font-size:32px;font-weight:400}.card-barcode{background:url(/barcode.png);width:262px;height:30px}.content2{max-width:480px;font-family:bahnschrift,sans-serif;display:flex;flex-direction:column;gap:50px}.intro{display:flex;flex-direction:column;gap:10px}.intro .intro-desc{font-size:clamp(24px,3vw,32px);font-weight:350;color:#000}.name .name-dialogue{font-size:clamp(18px,3vw,24px);font-weight:300;color:#000000b5}.name .name-name{font-size:clamp(32px,6vw,64px);font-weight:600;color:#000}.social{display:flex;flex-direction:column;gap:7.5px}.social-tittle{font-size:clamp(18px,3vw,24px);font-weight:350;color:#2c2c2cd9}.social .social-links{display:flex;flex-direction:column;gap:5px}.social-link{display:flex;flex-direction:row;align-items:center;gap:10px}.social-link .social-link-logo{width:clamp(26px,3vw,35px);height:clamp(26px,3vw,35px);opacity:85%}.social-link .social-link-tittle a{font-size:clamp(16px,3vw,20px);font-weight:350;color:#2c2c2cd9}.instagram{background:url(/instagram.png);background-size:contain;background-repeat:no-repeat;background-position:center}.email{background:url(/email.png);background-size:contain;background-repeat:no-repeat;background-position:center}@media (max-width: 800px){.content1{display:none}}#wave1{background:url(/Vector-1.svg);background-repeat:repeat-x;width:100%;height:110.33px;bottom:0;left:0;position:absolute;z-index:10;filter:drop-shadow(0px -.5px .5px #2C2C2C)}#wave2{background:url(/Vector-2.svg);background-repeat:repeat-x;width:100%;height:145px;bottom:0;left:0;position:absolute;z-index:9;filter:drop-shadow(0px -.5px .6px #929AAB)}#wave3{background:url(/Vector.svg);background-repeat:repeat-x;width:100%;height:150px;bottom:0;left:0;position:absolute;z-index:8;filter:drop-shadow(0px -.5px .7px #EEEEEE)}.page1{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#f7f7f7;gap:10px;flex-wrap:wrap}.page1-wave{position:relative;height:150px;width:100vw}.page1-mobile{width:100vw;background-color:#f7f7f7;display:flex;flex-direction:column;align-items:center;margin:30px 0 0}.page2{position:relative;width:100vw;background-color:#2c2c2c;z-index:11}.content{padding:0 0 50px}.content-mobile{margin-top:-10px}.content{display:flex;flex-direction:column;align-items:center;gap:50px}.content-mobile{display:flex;flex-direction:column;align-items:center;gap:25px}.tittle{display:flex;flex-direction:column;align-items:center;font-family:bahnschrift,sans-serif}.tittle-dialogue{font-size:clamp(18px,3vw,24px);font-weight:300;color:#eeeeeeb5}.tittle-name{font-size:clamp(32px,6vw,64px);font-weight:400;color:#f7f7f7}.tittle-name-mobile{font-size:clamp(32px,6vw,64px);font-weight:500;color:#f7f7f7}.buttons{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:20px}.buttons-mobile{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:15px}.button{width:auto;height:37px;padding:3px 30px;border-radius:15px;font-family:Alata,sans-serif;font-size:clamp(14px,3vw,20px);font-weight:400;line-height:37px;display:flex;align-items:center;border:none;color:#2c2c2c;background-color:#f7f7f7}.button-mobile{width:auto;height:37px;padding:2px 15px;border-radius:15px;font-family:Alata,sans-serif;font-size:clamp(16px,3vw,20px);font-weight:400;line-height:37px;display:flex;align-items:center;border:none;color:#2c2c2c;background-color:#f7f7f7}.selected{background-color:#2c2c2c;color:#f7f7f7;border:solid 2px #F7F7F7}.items{display:flex;justify-content:center;width:90%}.items-container{display:inline-flex;flex-wrap:wrap;row-gap:20px;column-gap:35px;justify-content:center;width:fit-content}.remove{display:none}.item-container{display:flex;flex-direction:row;align-items:center;gap:20px}.image-container{width:clamp(70px,3vw,100px);height:clamp(70px,3vw,100px);padding:15px;display:flex;justify-content:center;align-items:center;background-color:#f7f7f7;border-radius:5px}.javascript .image{background:url(/javascript.png);width:100%;height:100%;background-position:center;background-size:contain;background-repeat:no-repeat}.typescript .image{background:url(/typescript.png);width:100%;height:100%;background-position:center;background-size:contain;background-repeat:no-repeat}.react .image{background:url(/react.png);width:100%;height:100%;background-position:center;background-size:contain;background-repeat:no-repeat}.nestjs .image{background:url(/nestjs.png);width:100%;height:100%;background-position:center;background-size:contain;background-repeat:no-repeat}.text{display:flex;flex-direction:column;font-family:bahnschrift,sans-serif;gap:5px}.text-name{font-size:clamp(20px,3vw,32px);font-weight:400;color:#f7f7f7}.text-desc{font-size:clamp(16px,3vw,20px);font-weight:350;color:#f7f7f7;width:300px}.text-desc-mobile{display:none}.item-container-mobile{display:flex;flex-direction:column;align-items:center;gap:5px}.page3{width:100%;position:relative;z-index:0}.page3-wave{rotate:180deg;position:relative;height:151px;z-index:1}.page3-content-mobile{margin-top:20px}.page3-content{display:flex;flex-direction:column;gap:50px}.tittle3{display:flex;flex-direction:column;align-items:center;font-family:bahnschrift,sans-serif}.tittle3-dialogue{font-size:clamp(18px,3vw,24px);font-weight:300;color:#000000b5}.tittle3-name{font-size:clamp(32px,6vw,64px);font-weight:400;color:#2c2c2c}.project-items{display:flex;flex-wrap:wrap;gap:50px;justify-content:center}.project-items-mobile{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.tittle3-name-mobile{font-size:clamp(32px,6vw,64px);font-weight:500;color:#2c2c2c}.project-item{width:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-image{width:100%;height:225px;background-color:#f7f7f7;display:flex;justify-content:center;align-items:center;border-radius:10px 10px 0 0;border-right:1px solid #2C2C2C;border-top:1px solid #2C2C2C;border-left:1px solid #2C2C2C;box-sizing:border-box}.content-background{box-sizing:border-box;width:100%;height:281px;padding:25px;display:flex;justify-content:center;align-items:center;border-radius:0 0 10px 10px;border-right:1px solid #40444C;border-bottom:1px solid #40444C;border-left:1px solid #40444C;background:#40444c}.project-content{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}.project-texts{display:flex;flex-direction:column;width:100%;height:auto;font-family:Bahnschrift,sans-serif}.project-tittle{font-size:clamp(24px,3vw,32px);font-weight:400;color:#f7f7f7}.project-desc{font-size:clamp(18px,3vw,20px);font-weight:300;color:#f7f7f7bd}.project-details{display:flex;flex-direction:column;width:100%;height:auto;gap:10px}.project-tag{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:auto;gap:8px}.project-tag .tag{font-size:13px;color:#2c2c2c;font-family:Assistant,sans-serif;background-color:#f7f7f7;display:inline-flex;justify-content:center;align-items:center;padding:5px 10px;border-radius:15px}.project-redirect{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:auto}.project-redirect a{font-family:Bahnschrift,sans-serif}.disabled{color:#686d76}.enabled{color:#f7f7f7}.disable{display:none}.project-content-mobile{display:flex;flex-direction:column;gap:30px;width:100%;height:100%}.content-background-mobile{box-sizing:border-box;width:100%;padding:25px;display:flex;justify-content:center;align-items:center;border-radius:15px;background:#40444c}.project-item-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 20px;width:100%}.page4-quote{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Alata,sans-serif;gap:5px}.page4-dialogue{font-size:clamp(24px,3vw,36px);text-align:center;font-weight:400;color:#f7f7f7;padding:0 25px}.page4-author{font-size:clamp(18px,3vw,24px);font-weight:400;color:#f7f7f7b3;align-self:flex-end;padding-right:25px}.page4-wave{position:relative;height:151px;z-index:1}.page4-content{background-color:#2c2c2c;width:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:30;margin-top:-15px;padding-bottom:15px;padding-top:5px}.page4-content-mobile{background-color:#2c2c2c;width:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:30;margin-top:-30px;padding-bottom:15px;padding-top:5px}.enderDiv{width:100%;height:100px;margin-top:-200px}*{margin:0;padding:0}body{box-sizing:border-box;overflow-x:hidden}::-webkit-scrollbar{display:none}a{text-decoration:none}.background{position:fixed;top:0;left:0;background:url(/dotted.png);width:100%;height:300vh}.overlay{background:url(/noise.png);position:fixed;z-index:100;width:100%;height:100%;pointer-events:none}.temp{display:none}