@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap";.homeContainer{background-color:#ffeec7;margin:0;padding:0;font-family:Raleway,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;position:relative;animation:fadeIn 1s ease-in-out forwards}.contentWrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-width:1200px}.containerHomeText{text-align:left;margin-left:20px;max-width:500px;margin-top:100px}.title{color:#729dac;font-size:55px;font-weight:900;line-height:1.1;margin:0}.numeria{display:block;font-size:6vw}.subtitle{color:#729dac;font-size:20px;font-weight:500;margin-top:15px;margin-bottom:20px}.buttons{display:flex;align-items:center;gap:15px;margin-top:10px}button{padding:12px 24px;border:none;border-radius:20px;cursor:pointer;font-size:18px;font-weight:700;text-transform:lowercase;text-align:center;width:140px;transition:background .2s ease-in-out;background:#e1c5cc;color:#fff}button:hover{opacity:.9}.homeAnimalsContainer{position:relative;display:flex;justify-content:flex-end;align-items:center}.homeAnimalsContainer img{width:600px;height:auto;max-width:100%}.welcomeBack{position:absolute;top:20px;right:40px;color:#729dac;font-size:15px;font-weight:500}.dashboard-container{display:flex;justify-content:center;align-items:center;width:100vw;min-height:100vh}.dashboard-image{width:100vw;height:auto}body{background-color:#ffeec7;margin:0;padding:0;font-family:Raleway,sans-serif;display:flex;flex-direction:column;height:100vh}.content-container{flex-grow:1;overflow-y:auto;padding-bottom:120px;margin-bottom:-100px}.bottom-container{width:100%;background-color:#ecc3ce;padding:20px;position:fixed;bottom:0;left:0;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.bottomText{margin-left:40px;color:#fef9ed;font-size:30px;font-weight:900;line-height:normal}.bottom-container button{background-color:#fcf2dc;color:#729dac;border-radius:5px;border:none;outline:none;cursor:pointer;padding:10px 20px;font-size:18px;font-weight:700;margin-right:40px;text-decoration:none}.bottom-container button:hover{opacity:80%}.island1{display:flex;width:350px;height:auto;margin-left:70px;margin-top:30px;animation:bobbing 2s infinite ease-in-out;transition:transform .3s ease-in-out;margin-bottom:-100px}.island1Button{border:none;outline:none;cursor:pointer;background:none}.island1:hover{transform:scale(1.1);filter:drop-shadow(5px 5px 10px rgba(0,0,0,.3))}.island1 img{width:350px;height:auto;transition:opacity .3s ease-in-out}.island1:hover img{content:url(images/island1_highlighted.png);width:400px}.islands{margin-top:-255px;margin-left:110px}.islands img{width:1100px;height:auto;transition:opacity .3s ease-in-out}.island1:hover~.islands img{content:url(images/routeGrey.png)}.reward-container{text-align:center;font-family:Raleway,sans-serif;padding:30px;border-radius:15px;max-width:450px;margin:auto;position:relative;overflow:hidden}.reward-title{color:#d32f2f;font-size:2.5rem;font-weight:700;animation:pop-in .5s ease-in-out}.reward-message{color:#5d4037;font-size:1.4rem;margin-bottom:15px;animation:pop-in .6s ease-in-out;font-weight:700}.poutine-image{width:100%;max-width:280px;height:auto;margin-top:15px;border-radius:12px;animation:bounce-in 1s ease-in-out}.confetti{position:absolute;top:0;left:50%;width:100vw;height:100vh;background:url(https://media.giphy.com/media/3ov9jNziFTMfzSumAw/giphy.gif) no-repeat center;background-size:cover;pointer-events:none;animation:fade-out 1.5s ease-in-out forwards}@keyframes pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce-in{0%{transform:translateY(-100px);opacity:0}60%{transform:translateY(20px);opacity:1}to{transform:translateY(0)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}body,html{background-color:#ffeec7;margin:0;padding:0;font-family:Raleway,sans-serif;overflow:auto;min-height:100vh}.question-container{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;padding:20px;animation:fadeIn 1s ease-in-out forwards}.island-container{display:flex;align-items:center;justify-content:center;gap:30px;max-width:80%;margin-top:40px}.completedImg{width:750px;height:auto;max-width:100%}.messageContainer{font-family:Raleway,sans-serif;font-size:20px;width:350px;text-align:left;color:#729dac;font-weight:500;line-height:1.5;margin-bottom:100px;margin-right:50px;z-index:10}.bolding{font-weight:700;font-size:20px}.sound-button{position:fixed;top:22px;right:75px;background:none;border:none;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.settingButton{position:fixed;top:20px;right:30px;height:40px;width:auto}body{background-color:#ffeec7;margin:0;padding:0;font-family:Raleway,sans-serif}.titleAvatar{color:#729dac;font-size:40px;font-weight:900;text-align:center;margin-top:80px}.pageContainer{display:flex;justify-content:center;align-items:flex-start;gap:50px;margin-top:30px}.giraffeContainer,.mooseContainer,.racoonContainer{display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .5s ease,filter .5s ease}.avatarButton{width:200px;height:60px;background-color:#e5c4c4;color:#fef9ed!important;border:none;font-size:16px;font-weight:700;text-transform:capitalize;cursor:pointer;border-radius:10px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.avatarButton a,.avatarButton a:visited,.avatarButton a:hover,.avatarButton a:active{text-decoration:none;color:inherit}.avatarButton:hover{background-color:#d4b3b3}.giraffeContainer:hover,.mooseContainer:hover,.racoonContainer:hover{transform:scale(1.1);filter:drop-shadow(5px 5px 10px rgba(0,0,0,.3))}.avatarImage{width:200px;height:220px;object-fit:contain;margin-bottom:15px}body{background-color:#ffeec7;margin:0;padding:0;font-family:Raleway,sans-serif;align-items:left}.question-container1{width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;position:relative;animation:fadeIn 1s ease-in-out forwards}.question-upper{width:60%;padding:40px 20px;text-align:left;margin-top:20px;margin-left:80px}.question-lower{background-color:#e1c5cc;width:100vw;padding:30px 20px;display:flex;flex-direction:column;position:relative;height:300px}.sound-button{background:none;border:none;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-top:8px;margin-right:15px}.sound-button img{width:40px;height:auto}.sound-button:hover .sound-icon{opacity:.7}.question-title,.question-text{color:#729dac;font-family:Raleway;font-size:30px;font-style:normal;font-weight:900;line-height:normal}.answer-input{width:80%;height:80%;max-width:500px;padding:14px;background-color:#fef9ed;font-size:1.2rem;border:2px solid #ccc;border-radius:10px;outline:none;transition:border .2s ease-in-out;margin-left:60px;font-style:italic}.answer-input:focus{border-color:#3b82f6}.submit-button{margin-top:30px;background-color:#729dac;color:#fff;font-size:1.2rem;padding:15px 30px;border-radius:10px;cursor:pointer;border:none;transition:background .2s ease-in-out;margin-left:60px}.submit-button:hover{background-color:#436a79}.eagle-character{position:absolute;bottom:100px;right:10%;width:300px;height:auto;animation:bobbing 2s infinite ease-in-out}.question-containerT1{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;background-image:url(/images/t1Background.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;animation:fadeIn 1s ease-in-out forwards}.bottom-containerT1{width:100%;height:100px;background-color:#ecc3ce;padding:20px;position:fixed;bottom:0;left:0;font-size:18px;font-weight:700;display:flex;align-items:left}.bottomTextDesT1{margin-top:30px;margin-left:40px;display:flex;width:80%;height:53px;flex-direction:column;justify-content:center;flex-shrink:0;color:#fef9ed;font-size:30px;font-style:normal;font-weight:900;line-height:normal}.no-frame-button1{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:none;margin-right:300px}.no-frame-button1 img{width:100px;height:auto}body{margin:0;padding:0;font-family:Raleway,sans-serif;align-items:center}.question-containerT2{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;animation:fadeIn 1s ease-in-out forwards}.sound-button{position:absolute;top:12px;right:65px;background:none;border:none;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.bottom-containerT2{width:100%;height:100px;background-color:#ecc3ce;padding:20px;position:fixed;bottom:0;left:0;font-size:18px;font-weight:700;display:flex;align-items:left}.bottomTextDesT2{margin-left:40px;margin-top:29px;display:flex;width:80%;height:53px;flex-direction:column;justify-content:center;flex-shrink:0;color:#fef9ed;font-size:40px;font-style:normal;font-weight:900;line-height:normal}.no-frame-button2{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:none;margin-right:100px}.no-frame-button2 img{width:100px;height:auto}.eagle-containerT2{position:relative;display:inline-block}.eagleT2{z-index:10;width:260px;height:auto;transform:scaleX(-1);position:relative;margin-left:40px;margin-top:90px;animation:bobbing 2s infinite ease-in-out}.eagle-containerT2:after{content:"";position:absolute;bottom:-10px;left:50%;width:120px;height:20px;background:#0000004d;border-radius:50%;transform:translate(-50%);filter:blur(5px)}body{margin:0;padding:0;font-family:Raleway,sans-serif;align-items:left}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.question-containerT3{background-image:url(images/t3Background.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:100vw;height:100vh;display:flex;flex-direction:column;animation:fadeIn 1s ease-in-out forwards}.settingButton{position:absolute;top:20px;right:30px;height:40px;width:auto}.sound-button{position:absolute;top:17px;right:70px;background:none;border:none;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.sound-icon{width:28px;height:auto;transition:opacity .2s ease-in-out}.bottom-containerT3{width:100%;height:200px;background-color:#ecc3ce;padding:20px;position:fixed;bottom:0;left:0;font-size:18px;font-weight:700;display:flex;align-items:left}.bottomTextDesT3{margin-left:40px;margin-top:60px;display:flex;width:900px;height:133px;flex-direction:column;justify-content:center;flex-shrink:0;color:#fef9ed;font-size:40px;font-style:normal;font-weight:900;line-height:normal}.no-frame-button{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:none;margin-top:70px;margin-left:140px}.no-frame-button img{width:100px;height:auto}.arrow:hover{opacity:80%}@keyframes bobbing{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.eagle{z-index:10;width:260px;height:auto;transform:scaleX(-1);margin-left:40px;margin-top:140px;animation:bobbing 2s infinite ease-in-out}.input-container{min-height:100vh;width:100vw;display:flex;align-items:flex-start;justify-content:center;background-color:#ffeec7;overflow:hidden!important}.input-form{max-width:1000px;width:100%;background:#ffeec7;padding:30px;border-radius:10px}.title{color:#729dac;font-family:Raleway,sans-serif;font-size:50px;font-style:normal;font-weight:900;line-height:normal}.description{font-size:14px;color:#729dac;margin-bottom:20px}.form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#729dac;margin-bottom:5px}textarea::placeholder{font-family:Raleway,sans-serif;font-style:italic;font-size:16px;color:#a9a9a9;opacity:1}select:invalid{font-family:Raleway,sans-serif;font-style:italic;font-size:16px;color:#a9a9a9}select option:disabled{color:#a9a9a9;font-style:italic}textarea,select{width:100%;padding:12px;border:none;border-radius:5px;background:#dcbbb64a;font-size:14px;outline:none;font-family:Raleway,sans-serif;font-size:16px;font-weight:400;color:#4a4a4a}textarea{resize:none;height:100px}.submitBtnContainer{display:flex;justify-content:flex-end;width:100%}.submit-btn{width:100%;padding:12px;background-color:#4f7c8a;color:#fff;font-weight:700;border:none;border-radius:5px;cursor:pointer;transition:background .3s}.submit-btn:hover{background-color:#3e636e}