:root{--background: #f2f5fd;--Tertiary: #FCD0A1;--Secondary: rgb(86, 98, 70);--Primary: #A0ADD5;--accent: #EDF0FB;--text-weight: 700}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div,p{font-family:Inter,sans-serif}body{height:fit-content;background-color:var(--background);font-family:Inter,sans-serif}.menu{padding:15px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:30px}.menu__not-sign-in{width:100%;padding:15px;display:flex;flex-direction:row;justify-content:center;gap:30px}.greeting>p{font-size:22px;margin:0;font-weight:var(--text-weight)}.menu>.menu-items{display:flex;max-width:200px;align-items:center;flex-direction:row;border-bottom:1px solid var(--Tertiary)}.menu>.menu-items>.menu-item{display:flex;flex-direction:row;align-items:center;gap:16px;height:33px}.menu>.menu-items>.menu-item>p{width:fit-content}.menu>.menu-items>.menu-item>img{height:30px;width:30px}.weather{display:flex;flex-direction:row;gap:20px;justify-content:center;border-radius:15px;background-color:var(--accent);height:100px;padding:15px 15px 0}.weather-container{border-bottom:1px solid var(--Secondary);display:flex;justify-content:center;align-items:center;flex-direction:column}.weather-wrapper>p{font-size:10px;margin:5px 0 0}.weather-container>p{font-size:10px;margin:0;text-align:center}.weather>.weather-wrapper{margin:10px 0;height:70px;display:flex;justify-content:center;align-items:center;padding:0 5px;flex-direction:column;min-width:60px}.weather>.weather-wrapper>.weather-container>img{height:40px}#weather-title{display:flex;flex-direction:row;gap:3px}#weather-title__city{color:var(--Primary);font-weight:700}.pin-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.pin{height:500px;width:90%;border-radius:10px;display:flex;flex-direction:column;align-items:center;cursor:pointer}.indicator-container{display:flex;flex-direction:row;gap:10px;margin:20px 0 40px}.indicator{border:1px solid var(--Secondary);border-radius:100px;height:12px;width:12px}.indicator__filled{background-color:var(--Secondary)}.pin-row{display:flex;flex-direction:row;gap:10px;margin-bottom:20px}.pin-button{height:70px;width:70px;border-radius:100px;background-color:var(--accent);box-shadow:#566246 1px 1px 1px;display:flex;align-items:center;justify-content:center}.pin-button>p{font-size:22px;font-weight:700}.pin-button:hover{background-color:var(--Secondary);box-shadow:none}.createFrom__wrapper{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center}.createFrom__wrapper>h1{color:var(--Secondary)}.createForm{height:100%;border-radius:10px;background-color:var(--accent);padding:10px;margin:10px;display:flex;flex-direction:column;align-items:center;gap:20px}.createForm__input{width:80%;height:2rem;border-radius:15px;border:2px solid var(--Primary);outline:none;padding:7px;font-size:20px;font-weight:700}.createForm__input::placeholder{color:#566246a8}.createForm__label{text-align:left;width:80%;color:var(--Primary)}.createForm__title{color:var(--Primary);font-weight:700;font-size:20px;text-align:center}.createForm_input__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.createForm__button{outline:none;border:none;background-color:var(--Secondary);color:#fff;font-weight:700;cursor:pointer;width:70%;height:40px;padding:10px;border-radius:5px;font-size:20px}.feelings__wrapper{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:10px}.add-feeling__button{width:calc(80% - 10px);text-align:center;padding:5px;border-radius:5px;background-color:var(--Primary);cursor:pointer}.add-feeling__button>p{font-size:15px;font-weight:700;margin:0}.add-feeling-form__wrapper{z-index:10;position:absolute;width:calc(100vw - 20px);height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.add-feeling-form{border-radius:10px;background-color:var(--accent);width:90%;box-shadow:#566246 1px 1px 1px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.add-feeling-form>textarea{margin-bottom:10px}.add-feeling-form>label,.add-feeling-form>p{width:90%;text-align:left;margin:0}.add-feeling-form>h1{font-size:20px;font-weight:700}.add-feeling-form>textarea{width:calc(90% - 6px);outline:none;border:none;height:100px;border-radius:5px;padding:3px;font-family:Inter,sans-serif;font-size:14px}.add-feeling-form__imoji-buttons{height:fit-content;display:flex;flex-direction:column;padding:10px;align-items:center;justify-content:center;gap:10px}.add-feeling-form__imoji-button__container{display:grid;grid-template-columns:repeat(4,3fr);align-items:center;justify-content:center;width:calc(100% - 20px);gap:10px}.add-feeling-form__imoji-button{height:40px;width:40px;border-radius:15px;cursor:pointer;margin:2px}.add-feeling-form__imoji-button__clicked{border:2px solid var(--Secondary);margin:0}.add-feeling-form__imoji-button__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:80px}.add-feeling-form__imoji-button__wrapper>p{margin:0}.form-button__submit{outline:none;border:none;background-color:var(--Primary);font-weight:700;padding:3px;cursor:pointer;border-radius:5px}.form-button__cancel{outline:none;border:none;background-color:var(--Secondary);font-weight:700;padding:3px;cursor:pointer;border-radius:5px}.feeling-container__wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:fit-content}.feeling__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;padding:10px;background:var(--accent);box-shadow:var(--Secondary) 1px 3px 5px;border-radius:10px}.feeling-container__wrapper>.feeling__container>div{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.feeling__container>p{margin:0;width:90%;outline:none;border:none;font-size:16px;resize:none;border-radius:5px;background-color:var(--Primary);min-height:80px;padding:5px;overflow-wrap:break-word}.feeling__container-date{min-width:200px;margin:0;text-align:start;font-size:14px;font-weight:700;width:80%}.feeling__container-time{margin:0;font-size:12px;font-weight:700}.notification{z-index:150;position:fixed;top:50px;left:15px;opacity:0;width:0;border-radius:5px;text-align:center;color:#f0f8ff;transition:width .1s}.notification>.title{margin:0;font-size:16px;font-weight:700}.notification>p{margin:0}.notification__active{max-height:70px;opacity:1;display:block;height:1000px;min-height:50px;width:300px;padding:5px}