body{width:100vw;height:auto;min-height:100vh;overflow-x:hidden}.Navigation{position:fixed;top:0;width:100vw;z-index:5}.navbar,.logo,.menu{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px;text-decoration:none}.navbar{background-color:#1d3030}.logo-title,li,a{text-decoration:none;color:#fff;list-style-type:none}.menu li:hover{text-decoration:underline}.menu li{margin:0 5px}.FirstBanner{width:100vw;height:100vh;background-color:#1d3030;display:flex;flex-direction:row}.menu input{background-color:#1d3030;border:rgb(29,48,48);width:20vw;border-bottom:2px solid white}.menu input::placeholder{color:#fff}.banner-text{width:50vw;height:100vh;color:#ff0;font-size:80px;text-align:center;padding:20vh auto;display:flex;justify-content:center;align-items:center}.banner-img{width:49vw;height:100vh;display:flex;justify-content:center;align-items:center}.banner-img img{width:20vw}#container{width:100vw;display:flex;height:auto;flex-direction:row;flex-wrap:wrap;justify-content:center}.box{width:300px;padding:10px;margin:10px;height:410px;background-color:#43577b;border-radius:5px}.thumbnail{width:300px;height:270px}.box .thumbnail{text-align:center;display:flex;justify-content:center;align-items:center}.flex{display:flex;flex-direction:row;justify-content:space-between}.heading h3{color:#fff}.description{color:#d3ec9f}.types span{padding:8px;background-color:#8b8b04;width:auto;border-radius:4px}.typesNButton,.typesNButton div{display:flex;flex-direction:row;justify-content:space-between}.editSection button{font-family:Open Sans,sans-serif;font-size:16px;letter-spacing:2px;text-decoration:none;text-transform:uppercase;color:#000;cursor:pointer;border:3px solid;padding:.25em .5em;box-shadow:1px 1px,2px 2px,3px 3px,4px 4px,5px 5px;position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation;margin:2px}.editSection button:active{box-shadow:0 0;top:5px;left:5px}form.editform{display:flex;flex-direction:column;position:fixed;top:21vh;left:39vw;width:21vw;height:auto;background-color:#fff;padding:20px;color:#000;border-radius:10px;z-index:3}form.editform label{margin-bottom:10px}form.editform input[type=text],form.editform textarea{padding:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box}form.editform textarea{height:80px}form.editform button{padding:10px 15px;margin:2px;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .3s ease}form.editform button:hover{background-color:#0056b3}form.editform button[type=submit]{margin-right:10px}form.editform button[type=button]{background-color:#6c757d}form.editform button[type=button]:hover{background-color:#5a6268}.addItemContainer{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;text-align:center}.addItemForm{width:450px;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9}.addItemForm label{display:block;margin-bottom:10px;text-align:left}.addItemForm input,.addItemForm textarea{width:95%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.addItemForm button{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.addItemForm button:hover{background-color:#0056b3}.addItemContainer{position:relative;margin-top:20px}.addItemForm{width:300px;margin:0 auto}.errorPopup,.confirmationMessage{position:relative;padding:10px;border-radius:5px;box-shadow:0 2px 5px #0003;display:flex;align-items:center}.errorMessage,.confirmationMessage p{margin-right:10px}.errorLine,.confirmationMessage .errorLine{position:absolute;bottom:0;left:0;height:3px;background-color:#fff;width:0;animation:growLine 3s forwards}@keyframes growLine{0%{width:0}to{width:100%}}.errorPopup{background-color:#f44336;color:#fff}.confirmationMessage{background-color:green!important;color:#fff}.container{display:flex;width:100vw;align-items:center;justify-content:center;border-radius:10px}.form-container{background-color:#fff;width:30%;padding:20px;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px #0000001a}.form-container h2{margin-bottom:20px;font-size:24px;text-align:center}.form-container input{width:92%;margin-bottom:15px;padding:10px;border:1px solid #ccc;border-radius:5px}button{width:100%;padding:10px;background-color:#fff;color:#00f;border:none;border-radius:5px;cursor:pointer}.form-container p,.form-container a{color:gray;text-decoration:bold}.form-container a{text-decoration:underline;color:#000}button:hover{background-color:gray}.logout-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10vw;background-color:#fff}*{margin:0;padding:0}