@import"https://fonts.googleapis.com/css2?family=Jomhuria&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;min-height:100vh;background-color:#ffc872}.navBar{height:80px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;width:100vw;background-color:#fff;padding:0 50px;border-bottom:1.5px solid #002922;z-index:1}.navLinks{display:flex;gap:30px}.button{color:#002922;font-size:16px;font-family:Lato,sans-serif;font-weight:700;background-color:#7ace67;border:1.5px solid #002922;border-radius:5px;padding:10px;box-shadow:6px 6px #002922;transition:all .1s;cursor:pointer}.button:active{box-shadow:2px 2px #002922;position:relative;top:2px}.button-error{color:#002922;font-size:32px;font-family:Lato,sans-serif;font-weight:600;background-color:#7ace67;border:2px solid #002922;border-radius:6px;padding:10px;box-shadow:8px 8px #002922;transition:all .1s;cursor:pointer;margin-top:50px}.button-error:active{box-shadow:2px 2px #002922;position:relative;top:2px}.hero{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:160px 50px 80px;border-bottom:1.5px solid #002922;background-image:url(/assets/featured-zelda-tearskingdom-artwork-01-DCPZpX3i.png);background-color:#002922;background-size:cover;background-position:center;height:70vh;width:100vw;gap:100px}.logoMain{height:300px}.heroHeader{color:#fff;font-family:Lato,sans-serif;font-weight:600;text-align:center;line-height:3rem;padding-inline:50px;font-size:42px}.heroText{color:#fff;font-size:24px;font-family:Lato,sans-serif;font-weight:400;text-align:center;line-height:2rem;padding-inline:50px}.allCards{display:flex;flex-wrap:wrap;justify-content:center;padding-top:80px;padding-bottom:160px;gap:50px;padding-inline:50px}.introCard{color:#002922;font-size:32px;font-family:Lato,sans-serif;font-weight:600;background-color:#7ace67;border:2px solid #002922;border-radius:6px;padding:10px;box-shadow:8px 8px #002922;transition:all .1s;cursor:pointer}.introCard:active{box-shadow:2px 2px #002922;position:relative;top:2px}.title{font-family:jomhuria;font-size:140px;color:#002922;text-align:center;margin-top:160px}.title-error{font-family:jomhuria;font-size:100px;color:#002922;text-align:center;margin-top:100px}.hyruleCard{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;margin-bottom:100px}.cardID{--main-color: #002922;--bg-color: #7ACE67;position:relative;width:300px;height:400px;display:flex;flex-direction:column;align-items:center;border-radius:10px;background:var(--bg-color);margin:1rem;box-shadow:15px 15px #002922;border:4px solid #002922}.cardImg{width:100%;height:60%;object-fit:cover;border-radius:5px 5px 0 0;border-bottom:4px solid #002922}.cardName{margin-top:2rem;font-family:Lato,sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:var(--main-color);text-align:center}.viewButton{position:relative;margin-top:2rem;margin-bottom:2rem;color:#002922;font-size:16px;font-family:Lato,sans-serif;font-weight:700;background-color:#fff;border:2px solid #002922;border-radius:5px;padding:10px;box-shadow:6px 6px #002922;transition:all .1s;cursor:pointer}.viewButton:active{box-shadow:2px 2px #002922;position:relative;top:2px}.notFoundPage{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.footer{display:flex;align-items:center;justify-content:space-between;background-color:#fff;height:80px;width:100vw;position:fixed;bottom:0;border-top:1.5px solid #002922;padding:0 50px;color:#002922;font-size:16px;font-family:Lato,sans-serif;font-weight:400}.svgIcon{transition-duration:.3s}.svgIcon path{fill:#002922}.about{position:fixed;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:200px;padding-block:200px}.authors{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin-top:10px;font-family:Lato,sans-serif;font-weight:700}.about p{color:#002922;margin:20px;font-family:Lato,sans-serif;font-weight:400;text-align:center;line-height:1.5}.about img{margin-top:80px}.detailsAll{display:flex;justify-content:center;align-items:center;color:#fff;margin-block:300px;margin-inline:200px;gap:32px}.detailsImg{flex:1;max-width:50%;margin-left:80px;border:3px solid #002922;border-radius:8px;box-shadow:16px 16px #002922}.detailsInfo{flex:2;text-align:left;font-family:Lato,sans-serif;color:#002922;margin-left:50px;font-size:20px;line-height:1.5}.form-container{width:1000px;background:#31b189;border:2px solid #002922;padding:32px 24px;font-size:14px;font-family:Lato,sans-serif;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;border-radius:8px;margin:200px auto 0;box-shadow:16px 16px #002922}.form-container button:active{scale:.95}.form-container .form{display:flex;flex-direction:column;gap:20px}.form-container .form-group{display:flex;flex-direction:column;gap:5px}.form-container .form-group label{display:block;margin-bottom:5px;color:#002922;font-weight:600;font-size:24px}.form-container .form-group input{width:100%;padding:12px 16px;border-radius:6px;font-family:Lato,sans-serif;font-size:18px;background-color:#fff;border:2px solid #002922;box-shadow:8px 8px #002922}.form-container .form-group input::placeholder{opacity:.5}.form-container .form-group input:focus{outline:none;border-color:#ffe3b3}.form-container .form-group textarea:focus{outline:none;border-color:#ffe3b3}.form-container .form-group-description{display:flex;flex-direction:column;gap:5px}.form-container .form-group-description label{display:block;margin-bottom:5px;color:#002922;font-weight:600;font-size:24px}.form-container .form-group-description textarea{width:100%;height:300px;padding:12px 16px;border-radius:6px;font-family:Lato,sans-serif;font-size:18px;background-color:#fff;border:2px solid #002922;box-shadow:8px 8px #002922}.form-container .form-group-description input::placeholder{opacity:.5}.form-container .form-group-description input:focus{outline:none;border-color:#ffe3b3}.form-container .form-group-description textarea:focus{outline:none;border-color:#ffe3b3}.form-container .form-submit-btn{color:#002922;font-size:24px;font-family:Lato,sans-serif;font-weight:600;background-color:#fff;border:2px solid #002922;border-radius:6px;padding:10px;box-shadow:8px 8px #002922;transition:all .1s;cursor:pointer}.form-container .form-submit-btn:hover{background-color:#fff;border-color:#ffe3b3}.addButton-container{display:flex;justify-content:center;align-items:center;margin-top:50px;margin-bottom:50px}.addButton{color:#002922;font-size:20px;font-family:Lato,sans-serif;font-weight:700;background-color:#7ace67;border:2px solid #002922;border-radius:5px;padding:10px;box-shadow:6px 6px #002922;transition:all .1s;cursor:pointer}.addButton:active{box-shadow:2px 2px #002922;position:relative;top:2px}.form_btn{padding:12.5px 30px;border:0;border-radius:100px;background-color:#002922;color:#f1dbae;font-weight:700;transition:all .5s;-webkit-transition:all .5s;cursor:pointer}.form_btn:hover{background-color:#f2ab2d;transform:scale(1.1);color:#002922}.form_btn:active{background-color:#f35200;transition:all .25s;color:#f1dbae;-webkit-transition:all .25s;box-shadow:none;transform:scale(.98);cursor:pointer}@media (max-width: 768px){.logoMain{max-width:100%}}@media (max-height: 1024px){.logoMain{max-height:100%}}@media (max-width: 768px){.heroText{font-size:18px;line-height:1.5rem}}@media (max-width: 768px){.form-container{max-width:100%}}