.page_main__WunS6{height:100vh;width:100vw;margin:0}.page_container___c__5{width:100%;height:100%;scroll-snap-type:y mandatory;overflow-y:scroll;scroll-behavior:smooth;overflow-x:hidden}.page_about__gX8HI,.page_contact__5v1kr,.page_greeting__ntKAO,.page_projects__9bjbL{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;scroll-snap-align:start}.page_about__gX8HI{text-align:center;gap:2rem}.page_aboutcontainers____yQ3{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #fff;border-radius:8px}.page_about__gX8HI p{width:600px;padding:2rem}.page_about__gX8HI ul{padding:2rem}.page_projects__9bjbL{gap:1rem}.page_greeting__ntKAO{font-size:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center}#page_hi__G6354:before{content:"";animation:page_hi__G6354 6s ease-in-out infinite,page_strobe__UIupQ 6s ease-out 2s infinite}#page_name__1bdJP:before{content:"";animation:page_name__1bdJP 6s ease-in-out infinite,page_strobe__UIupQ 6s ease-in-out 1s infinite}#page_greet__6xDct:before{content:"";animation:page_greet__6xDct 6s ease-in-out infinite,page_strobe__UIupQ 6s ease-in infinite}.page_arrow__gFAdG{margin-top:3rem;animation:page_down__40zPZ .4s ease-in-out infinite alternate}.page_skills__8CPS7{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:600px;gap:1rem}.page_skills__8CPS7 li{font-size:1rem;padding:.25rem .5rem;border:1px solid transparent;border-radius:.5rem}.page_skills__8CPS7 li:hover{background-color:teal;border-color:teal}.page_projectlist__ZL9SM{width:60%;display:flex;flex-wrap:wrap;justify-content:center}.page_contact__5v1kr{gap:.5rem}.page_contactpoints__3mMp1{margin-top:1rem;display:flex;justify-content:center;align-items:center;width:60%;gap:2rem}.page_contactbox__hMOo0{width:50px}.page_contactbox__hMOo0:hover{background-color:hsla(0,0%,100%,.3);border-radius:8px}@keyframes page_down__40zPZ{0%{transform:translateY(0)}to{transform:translateY(3rem)}}@keyframes page_hi__G6354{0%{content:"Hi There!"}50%{content:"안녕하세요!"}to{content:"Hi There!"}}@keyframes page_name__1bdJP{0%{content:"I'm Luan."}50%{content:"루안입니다."}to{content:"I'm Luan."}}@keyframes page_greet__6xDct{0%{content:"Nice to meet you!"}50%{content:"만나서 반갑습나다!"}to{content:"Nice to meet you!"}}@keyframes page_strobe__UIupQ{0%{color:teal}20%{color:#add8e6}40%{color:green}60%{color:#add8e6}80%{color:teal}to{color:#fff}}@media screen and (max-width:600px){.page_about__gX8HI p{width:90%}}@media screen and (max-width:500px){.page_greeting__ntKAO{font-size:2.5rem}}@keyframes page_menuslide__I6mBy{0%{left:100vw}to{left:0}}.Navbar_navbar__ch3fm{width:100vw;height:50px;display:flex;padding:1rem 0;justify-content:space-around;align-items:center;position:-webkit-sticky;position:sticky;top:0;background-color:#000}.Navbar_navbar__ch3fm #Navbar_menubtn__uikkm,.Navbar_navbar__ch3fm .Navbar_menu__SaZL1{display:none}.Navbar_navbar__ch3fm #Navbar_menubtn__uikkm{cursor:pointer}.Navbar_navbar__ch3fm .Navbar_navlinks__pAzi0{display:flex;gap:2rem}.Navbar_navbar__ch3fm .Navbar_navlinks__pAzi0 a{padding:.25rem .5rem}.Navbar_navbar__ch3fm .Navbar_navlinks__pAzi0 a:hover{animation:Navbar_link-hover__QC76Y .6s forwards;border-radius:.2rem}@keyframes Navbar_link-hover__QC76Y{to{background-color:teal}}@media screen and (max-width:700px){.Navbar_navbar__ch3fm{padding:1rem;justify-content:space-between}.Navbar_navbar__ch3fm #Navbar_menubtn__uikkm{display:block}.Navbar_navbar__ch3fm .Navbar_menu__SaZL1{display:flex;flex-direction:column;position:absolute;color:#fff;width:100vw;text-align:center;top:50px;left:100vw;background-color:teal}.Navbar_navbar__ch3fm .Navbar_menu__SaZL1 a{width:100vw;padding:1rem}.Navbar_navbar__ch3fm .Navbar_menuactive__ebmFX{animation:Navbar_menuslide__OPecz .3s linear forwards}.Navbar_navbar__ch3fm .Navbar_navlinks__pAzi0{display:none}}@keyframes Navbar_menuslide__OPecz{0%{left:100vw}to{left:0}}.Contact_cform__Ze504{width:25%;display:flex;flex-direction:column;text-align:start}.Contact_cform__Ze504 label{margin-bottom:.25rem}.Contact_cform__Ze504 input{font-size:1rem;margin-bottom:1rem;height:1.5rem}.Contact_cform__Ze504 textarea{font-size:1rem;margin-bottom:1rem;height:8rem}.Contact_cform__Ze504 button{align-self:center;text-align:center;width:40%;padding:.25rem .5rem;border-radius:4px;transition-duration:.4s}.Contact_cform__Ze504 button:hover{background-color:teal}@media screen and (max-width:1000px){.Contact_cform__Ze504{width:60%}}.Project_container__nhsiG{display:flex;align-items:center;border:1px solid #fff;border-radius:1rem;width:180px;gap:.5rem;margin:0 1.5rem 3rem;padding:10px}.Project_container__nhsiG .Project_projectimg__pNU_S{width:100px;height:100px;object-fit:cover;border-radius:1rem}.Project_container__nhsiG .Project_mobilegitlink__KmWfT{display:none}.Project_container__nhsiG:hover{background-color:hsla(0,0%,100%,.4)}.Project_projecturls__9wDW6{height:100%;display:flex;align-items:center;flex-direction:column}.Project_projecturls__9wDW6 a{height:50px;width:50px;border-radius:.5rem;display:flex;justify-content:center;align-items:center}.Project_projecturls__9wDW6 a:hover{background-color:teal}@media screen and (max-width:800px){.Project_container__nhsiG{width:auto;gap:0}.Project_container__nhsiG .Project_projectimg__pNU_S{width:50px;height:50px}.Project_container__nhsiG .Project_projectmobile__j7D0A{display:none}.Project_container__nhsiG .Project_mobilegitlink__KmWfT{display:flex;height:100%;align-items:center}}