:root{--primary: #3490dc;--secondary: #ffed4a;--success: #38c172;--info: #6cb2eb;--warning: #ffed4a;--danger: #e3342f;--light: #f8f9fa;--dark: #343a40}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:60%;transition:1.5s;position:absolute;top:0;left:0;right:0;width:100%;height:50px}.nav:hover{opacity:100%;transition:1.5s;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.nav-ul{list-style-type:none;display:flex;justify-content:space-around;flex-direction:row;align-items:center;height:100%;margin:0;padding:0}.nav-ul a{color:#fff;text-decoration:none}.main-content{display:flex;flex-direction:column;align-items:center;height:100%}.description{background-size:cover;background-position:40%;width:100%;height:100vh;font-size:1.5rem;padding:5rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:#343a40 0 0 3rem;z-index:2}.family-dancing-script{font-family:Dancing Script,cursive;font-optical-sizing:auto;font-weight:600;font-size:3rem;margin:1rem 0}.description-text{font-size:1.5rem;margin-top:1rem 0;width:80%;line-height:1.5;text-align:center;font-family:Dancing Script,cursive;font-optical-sizing:auto;font-weight:400}.scroll-down{display:inline-block;font-size:7rem;color:#3490dc;margin-top:1rem;transform:translate(-50%);text-decoration:none;transition:color .3s ease-in-out;animation:bounce 2s infinite}.scroll-down:hover{color:#ff7eb9}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}
