*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}ol,ul{list-style:none}@font-face{font-family:'Open Sans';src:url(/assets/font/OpenSans-VariableFont_wdth,wght.ttf)}@font-face{font-family:'Playfair Display';src:url(/assets/font/PlayfairDisplay-VariableFont_wght.ttf)}html{min-height:100vh}h1{font-family:'Playfair Display',serif}body{height:100vh;width:100vw;font-family:'Open Sans',sans-serif;color:#6c5f50}body.front{background-color:#e0e0e0}main{width:100%}p{margin-bottom:1.5rem}main.home{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;background-color:#085330;background-image:url(/assets/img/home-picture.jpg);background-size:cover;background-position:left top}main.home h1{font-size:1.8rem;color:#fff;margin-bottom:1em;text-align:center}main.home .btn-container{display:flex;justify-content:center;align-items:center;margin-bottom:15vh;width:100%}main.home .btn-container .btn{display:flex;justify-content:center;align-items:center;width:80%;padding:.5em 1em;background-color:#085330;border-radius:.2em;color:#fff}main.login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background-color:#085330;background-image:url(/assets/img/login.jpg);background-size:cover;background-position:center;color:#fff;padding:1em}main.login h1{font-size:2.5em;text-align:center;margin-bottom:1.2em}main.login h2{font-family:'Playfair Display',serif;font-size:1.8em;margin-bottom:1em}main.login .error{background-color:rgba(170,23,50,.15);color:#aa1732;font-weight:700;padding:.4em 1em;border:1px solid #aa1732;margin-bottom:.8em;width:100%;max-width:22em}main.login .error i{margin-right:.5em}main.login form{display:flex;flex-direction:column;align-items:center;padding-bottom:4em}main.login .input-container{position:relative;margin-bottom:1em}main.login label{position:absolute;display:flex;justify-content:flex-start;align-items:center;color:#fff;font-size:1.2em;width:100%;height:100%}main.login label i{margin-left:1.5em}main.login input[type=password],main.login input[type=text]{display:block;font-size:1.2em;background-color:#16251eb2;color:#fff;padding:.8em .8em .8em 3em;border:2px solid #fff;border-radius:2em}main.login input[type=password]::placeholder,main.login input[type=text]::placeholder{color:rgba(255,255,255,.95)}main.login button{display:flex;justify-content:center;text-align:center;background-color:#fff;color:#085330;font-size:1.2em;padding:.8em 1.5em;border:none;border-radius:2em;margin-top:1em;cursor:pointer}.main-header{width:100%;height:8rem;background-color:#0b2c16;background-image:linear-gradient(to right,#0b2c16,#085330);color:#fff}.main-header .top-container{display:flex;justify-content:space-between;padding:1rem}.main-header .top-container h3{font-size:1rem;font-family:'Playfair Display',serif}.main-header .top-container h3 .date{font-size:.8em;font-family:'Open Sans',sans-serif}.main-header .top-container .logout{color:#fff}.main-header .bottom-container{display:flex;justify-content:flex-start;align-items:center;padding:0 1rem 1rem}.main-header .bottom-container .group-icon{display:flex;justify-content:center;align-items:center;font-size:1rem;width:2.5rem;height:2.5rem;border-radius:50%;background-color:#0c824b;margin-right:.5rem}.main-header .bottom-container h1{font-size:1.2rem;font-family:'Open Sans',sans-serif}main.guest-management{display:flex;flex-direction:column;height:calc(100% - 8rem);padding:1.4rem;overflow-y:scroll}main.guest-management .main-nav{width:100%;margin-bottom:2rem}main.guest-management .main-nav ul{display:flex;flex-wrap:wrap;gap:.8rem}main.guest-management .main-nav .nav-link{display:block;color:#6c5f50}main.guest-management .main-nav .nav-link .icon{display:flex;justify-content:center;align-items:center;font-size:1.5rem;width:3.5rem;height:3.5rem;border-radius:50%;background-color:#fff}main.guest-management .main-nav .nav-link .link-title{display:block;font-size:.6rem;max-width:3.5rem;text-align:center;text-wrap:wrap;margin-top:.5em}main.guest-management .main-nav .nav-link.active .icon{background-color:#f8c835;color:#fff}main.guest-management .guest{display:flex;width:100%;background-color:#fff;padding:.5rem;border-radius:.4rem}main.guest-management .guest:not(:last-child){margin-bottom:1rem}main.guest-management .guest .left-container{margin-right:.5rem}main.guest-management .guest .guest-icon{display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;background-color:rgba(15,126,146,.15);border:2px solid #0f7e92;border-radius:.4rem;color:#0f7e92}main.guest-management .guest .guest-icon.child{background-color:rgba(248,200,53,.15);color:#f8c835;border-color:#f8c835}main.guest-management .guest h4{font-size:1rem;margin-bottom:.6rem;color:#0b2c16}main.guest-management .guest h5{font-size:.6rem;margin-bottom:.2rem}main.guest-management .guest .attendance{display:flex;flex-wrap:wrap;gap:.5rem}main.guest-management .guest button{font-size:.9rem;padding:.2em 1.2em;border:2px solid;border-radius:.7rem;cursor:pointer}main.guest-management .guest button.valid{background-color:#adef73;border-color:#0b2c16;color:#0b2c16}main.guest-management .guest button.valid .invalid{display:none}main.guest-management .guest button:not(.valid){border-color:#6c5f50;color:#6c5f50}main.guest-management .guest button:not(.valid) .valid{display:none}.messages{display:flex;flex-direction:column;gap:1rem;margin-bottom:14rem}.messages .message{width:90%;padding:.5rem;font-size:.95rem;border-radius:.4rem;box-shadow:2px 2px 5px rgba(0,0,0,.2)}.messages .message.sent{background-color:#adef73;margin-left:10%}.messages .message.sent .content{color:#0b2c16}.messages .message.received{background-color:#fff;margin-right:10%}.messages .message .date{width:100%;text-align:right;font-size:.6rem}.new-message-form{position:absolute;width:100%;left:0;bottom:0;padding:.5rem;background-color:#e0e0e0}.new-message-form textarea{width:100%;min-width:100%;max-width:100%;height:10rem;max-height:10rem}.new-message-form button{font-size:1rem;width:100%;padding:.5rem 1rem;background-color:#085330;color:#fff;border:none;margin-top:.5rem;text-align:center}