.site-name{color:var(--text-base-color);font-size:2.5rem;font-weight:700}.title{align-items:center;display:flex}.navbar{z-index:2;justify-content:space-between;align-items:center;width:100%;height:4.5rem;margin-left:1rem;display:flex;position:fixed}.nav-links{flex-direction:row;align-items:center;column-gap:2rem;margin-top:.5rem;margin-bottom:.5rem;padding:2rem;font-size:1rem;list-style:none;display:flex}.hamburger-menu{background-color:var(--background-color);border:3px solid var(--text-link-color);cursor:pointer;box-shadow:0 4px 6px var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin-top:2rem;margin-right:3rem;font-size:3rem;transition:transform .2s,box-shadow .2s,background-color .2s;display:none}.hamburger-menu:hover{box-shadow:0 6px 10px var(--border-color);transform:translateY(-3px)}.honey-drip-box{background-color:var(--bottun-color);border-radius:1rem;margin:20px 0;position:relative;overflow:hidden}.honey-drip-box:after{content:"";z-index:1;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 45' preserveAspectRatio='none'><path d='M0 40 C 40 -20, 80 60, 120 0 S 200 40, 260 10 S 340 60, 400 0 S 460 50, 500 40 V0 H0 Z' fill='%23f9d276'/></svg>") 0 0/cover no-repeat;width:100%;height:70%;position:absolute;top:0;left:0}.honey-drip-text{z-index:10;position:relative}@media (max-width:768px){.nav-links{z-index:15;opacity:0;pointer-events:none;flex-direction:column;width:30%;margin-top:1rem;margin-bottom:0;padding-top:0;padding-bottom:0;font-size:1.5rem;transition:all .5s ease-in-out;position:absolute;top:6rem;right:10%}.nav-links.open{opacity:1;pointer-events:auto;display:flex}.hamburger-menu{display:flex}}

.link-section{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.page-links,.social-links ul{align-items:center;column-gap:2rem;width:100%;height:100%;margin-top:.5rem;padding:0;font-size:2rem;list-style:none;display:flex}.page-links button{text-align:left;margin-bottom:.5rem;margin-left:1rem}.social-links ul{text-align:right;align-items:center;margin-top:1.5rem;margin-bottom:1.5rem;margin-right:1rem}.scroll-to-top{border:3px solid var(--text-link-color);cursor:pointer;width:50px;height:50px;box-shadow:0 4px 6px var(--border-color);background-color:#0000;border-radius:50%;justify-content:center;align-items:center;margin:20px auto;font-size:1.5rem;transition:transform .2s,box-shadow .2s,background-color .2s;display:flex}.scroll-to-top:hover{box-shadow:0 6px 10px var(--border-color);transform:translateY(-3px)}.baner-links{text-align:right;width:100%;padding-bottom:5px;position:relative}.baner-links img{border:1px solid #c29269;width:auto;height:80px;margin-right:20px}@media (min-width:768px){.snsId{opacity:0;pointer-events:none;font-size:1.5rem;transition:all .5s;position:absolute;right:30rem}.twitter:hover .snsId,.instagram:hover .snsId,.github:hover .snsId{opacity:1;right:12rem}}@media (max-width:768px){.link-section{flex-direction:column;align-items:center}.snsId{white-space:nowrap;opacity:0;text-align:center;pointer-events:none;align-items:center;font-size:1.5rem;transition:all .5s;display:flex;position:absolute;left:50vw;transform:translate(-50%,3rem)}.twitter:hover .snsId,.instagram:hover .snsId,.github:hover .snsId{opacity:1;transform:translate(-50%,2rem)}.navButton{padding:0}.page-links{display:none}.baner-links{text-align:center}.baner-links img{width:80vw;height:auto;margin:auto}}