/*
    GLOBAL CSS
    by 
    Zzury
*/


* { margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; }
html, body { width: 100%; height: 100%; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; font-weight: normal; color: rgba(255, 255, 255, 0.7); }
body { background: radial-gradient(rgb(20, 20, 20), rgb(50, 50, 50)); }



main { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; width: 100%; height: 100%; overflow: hidden; }


.home { position: relative; display: flex; justify-content: center; align-items: center; width: 20rem; height: 20rem; }
.home::before { content: ''; position: absolute; left: 1rem; top: 7rem; width: 16rem; height: 16rem; background-color: rgba(255, 255, 255, 0.05); border-radius: 50%; filter: blur(20px); z-index: 0; }
.home img { z-index: 1; }

h1 { position: relative; margin: 2rem auto 0; width: 100%; height: auto; font-size: 3rem; font-weight: 700; color: rgba(255, 255, 255, 1); text-align: center; }
h2 { position: relative; width: 100%; height: auto; font-size: 1.2rem; font-weight: 400; color: rgba(255, 255, 255, 0.87); letter-spacing: 1px; text-align: center; }

.footer { position: relative; margin: 3rem auto 0; width: 100%; height: auto; font-family: sans-serif; font-size: 0.8rem; font-weight: 400; color: rgba(255, 255, 255, 0.2); letter-spacing: 2px; text-align: center; }