@charset "UTF-8";@font-face{font-family:Noto Sans KR,sans-serif;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;900&display=swap)}html{font-size:14px}body{overflow-x:hidden;letter-spacing:-.05em}a{color:#000;text-decoration:none}.container{overflow-x:hidden}.nav-sticky .nav-container{position:fixed;top:0}.nav-container{position:absolute;top:0;left:0;width:100%;z-index:11;height:44px;padding:0 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.main-nav{display:flex;align-items:center;max-width:1000px;height:100%;margin:0 auto}.main-nav .logo{margin-right:auto;font-size:1.4rem;font-weight:700}.main-nav a:not(.logo){margin-left:2rem;font-size:.9em}.main-container{display:flex;align-items:center;justify-content:center}.mypage-container{padding-top:10vh;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:auto}.footer{left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px;font-weight:600;font-size:1.1em}.coverflow-container{left:0;right:0;margin:auto;-webkit-overflow-scrolling:touch}.coverflow-container .content{background-color:coral;padding:.5em}.coverflow-container .content a{font-size:18px;font-weight:600;font-style:italic}.coverflow-container .content p{font-size:16px;font-style:normal}.list-container{padding:1vh 0;max-width:1000px;line-height:1.3}.list-container .content2{padding-top:1vh}.list-container .content2 a{font-size:21px;font-weight:700}.coverflow-container::-webkit-scrollbar{width:10px}.coverflow-container::-webkit-scrollbar-thumb{background-color:#2f3542;border-radius:10px;background-clip:padding-box;border:5px solid transparent}.coverflow-container::-webkit-scrollbar-track{background-color:gray;border-radius:5px;box-shadow:inset 0 0 5px #fff}.grid-container{padding-top:5vh;padding-bottom:5vh;display:grid;justify-content:center;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:2px}.grid-container .content{background-color:coral;height:127px;width:127px;padding:.5em}.grid-container .content:hover{transform:scale(.98)}.grid-container .content a{font-size:11.5px;font-style:italic;font-weight:505}.grid-container .content p{font-size:10.5px;font-style:oblique}.upload-container{padding-top:7vh;display:flex;justify-content:center;flex-direction:column;max-width:700px;width:75vw}textarea{width:100%;height:300px}input,textarea,button{width:100%;border-radius:3px;border:1.5px solid;margin-bottom:5px;margin-top:2px}#uploadButton{color:coral;margin-bottom:20px;font-size:23px;font-weight:700}.post-container{padding-top:10vh;padding-bottom:5vh;display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:40vw}.post-container p{max-width:700px;width:90vw;font-size:16px;font-weight:700}.post-container button{margin-left:700px;font-size:smaller;color:gray}.posting .image-container{aspect-ratio:100%;overflow:hidden}.posting .image-container img{width:100%;filter:blur(10px);transition:filter .5s ease;display:block;object-fit:cover}.posting .image-container img.loaded{filter:blur(0px)}.signIn-container,.signUp-container{padding-top:10vh;display:flex;justify-content:center;flex-direction:column;max-width:1000px}#signInButton,#signUpButton{color:coral;margin-bottom:20px;font-size:16px;font-weight:700}.aboutMe-container{padding-top:9vh;display:flex;justify-content:center;flex-direction:column;max-width:1000px;margin:auto}.soundboard-container{padding-top:10vh;padding-bottom:5vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.soundboard{padding-top:3vh;display:grid;align-items:center;justify-content:center;grid-template-columns:.1fr .1fr .1fr}.soundboard2{padding-top:3vh;display:grid;align-items:center;justify-content:center;grid-template-columns:.1fr .1fr .1fr .1fr}.key,.soundboard2 .content{display:flex;align-items:center;justify-content:center;width:100px;height:100px;background-color:coral;border:1.5px solid white;border-radius:10px;font-weight:700}.key.active{background-color:#f8f8ff}@media (min-width: 1024px){.aboutMe-container,.mypage-container{padding-top:17vh}.list-container{padding:3vh 0}.grid-container{padding-bottom:5vh;gap:3px}.grid-container .content2 a{font-size:23px}.grid-container .content{height:160px;width:160px}.grid-container .content a{font-size:14px}.grid-container .content p{font-size:12px}}html{font-family:Apple SD Gothic Neo,Roboto,Noto Sans KR,NanumGothic,Malgun Gothic,sans-serif;line-height:1.2;word-wrap:break-word}body{-webkit-font-smoothing:antialiased}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}div,span,article,section,header,footer,aside,p,ul,li,fieldset,legend,label,a,nav,form{box-sizing:border-box}ol,ul,li{list-style:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;height:auto;border:0}button{border:0;background:transparent;cursor:pointer}