:root{--primary:#bb86fc;--primary-variant:#3700b3;--secondary:#03dac6;--background:#121212;--surface:#121212;--error:#cf6679;--warning:#f39c12;--on-background:#fff;--on-background-grey:#c7c7c7;--on-surface:#fff}.swal2-theme-light,[data-theme=light]{--background:#ddd;--suface:#fff;--on-background:#333;--on-background-grey:#6d6d6d;--on-surface:#333}*{box-sizing:border-box;margin:0;padding:0}a{color:#fff;color:var(--on-background)}body{font-family:Figtree,sans-serif}.app-container,body{background-color:#121212;background-color:var(--background)}.app-container{color:#fff;color:var(--on-background);min-height:100vh;transition:all .5s ease-in-out}header{align-items:center;border-bottom:1px solid #fff;border-bottom:1px solid var(--on-background);display:flex;justify-content:center;padding:8px 16px}header h1{flex:1 1}header .navigation ul{display:flex}header .navigation ul li{display:inline-block;font-size:24px;line-height:36px;margin:0 16px}header .navigation ul li a{align-items:center;display:flex;flex-direction:column}header .navigation ul li a span{font-size:16px;line-height:16px;margin-top:2px}a:hover,header .navigation button:hover{color:#f39c12;color:var(--warning)}main{margin:0 auto;max-width:1200px;padding:32px 0;width:90%}.homepage h2{border-left:3px solid #bb86fc;border-left:3px solid var(--primary);padding-left:.5rem}.archives-page h2{border-left:3px solid #f39c12;border-left:3px solid var(--warning);padding-left:.5rem}.notes-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.detail-page-empty,.notes-list,.notes-list-empty{margin-top:32px;padding:16px 8px}.detail-page-empty p,.notes-list-empty p{color:#c7c7c7;color:var(--on-background-grey);text-align:center}.note-item{border:1px solid #fff;border:1px solid var(--on-background);border-radius:8px;border-top:5px solid;padding:16px}.note-item:hover{scale:1.05}.note-item a:hover{color:#f39c12;color:var(--warning)}.note-item__title{margin:4px 0}.note-item__createdAt{color:#c7c7c7;color:var(--on-background-grey);font-size:14px;margin:4px 0}.note-item__body{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;margin-top:16px;overflow:hidden;text-overflow:ellipsis}.detail-page{margin:32px auto 0;width:90%}.detail-page__title{word-wrap:break-word;font-size:48px;margin-bottom:8px}.detail-page__createdAt{color:#c7c7c7;color:var(--on-background-grey);display:inline-block}.detail-page__noteIsArchived{color:#f39c12;color:var(--warning);font-style:italic;font-weight:700;margin-left:1rem}.detail-page__body{font-size:18px;line-height:1.5;margin-top:36px}.add-new-page__action,.detail-page__action,.homepage__action{bottom:32px;display:flex;gap:16px;position:fixed;right:32px}.action{align-items:center;background-color:#fff;background-color:var(--on-background);border:0;border-radius:50px;color:#121212;color:var(--background);cursor:pointer;display:flex;font-size:32px;height:50px;justify-content:center;padding:8px;width:50px}.action:is([disabled]){background-color:#c7c7c7;background-color:var(--on-background-grey)}.action:hover:not([disabled]){box-shadow:0 4px 2px #c7c7c7;box-shadow:0 4px 2px var(--on-background-grey);scale:1.1}.add-new-page__input{margin-top:32px}.add-new-page__input .add-new-page__input__title{background-color:initial;border:0;color:#fff;color:var(--on-background);font-family:Figtree,sans-serif;font-size:64px;font-weight:700;padding:8px;width:100%}.add-new-page__input__title::-webkit-input-placeholder{color:#c7c7c7;color:var(--on-background-grey)}.add-new-page__input__title::placeholder{color:#c7c7c7;color:var(--on-background-grey)}.add-new-page__input .add-new-page__input__body{background-color:initial;border:0;color:#fff;color:var(--on-background);font-family:Figtree,sans-serif;font-size:24px;min-height:250px;padding:8px;width:100%}[data-placeholder]:empty:before{color:#c7c7c7;color:var(--on-background-grey);content:attr(data-placeholder)}.search-bar input{background-color:initial;border:1px solid #fff;border:1px solid var(--on-background);border-radius:4px;color:#fff;color:var(--on-background);font-family:Figtree,sans-serif;margin:16px 0;padding:8px;width:100%}.search-bar input::-webkit-input-placeholder{color:#c7c7c7;color:var(--on-background-grey)}.search-bar input::placeholder{color:#c7c7c7;color:var(--on-background-grey)}.button-logout,.toggle-locale,.toggle-theme{align-items:center;background-color:initial;border:0;color:#fff;color:var(--on-background);cursor:pointer;display:flex;margin:0 8px}.toggle-theme{font-size:26px}.toggle-locale{font-size:22px}.toggle-locale>.locale{font-size:16px;margin-left:8px}.login-page,.register-page{margin:0 auto;max-width:600px;padding-top:2rem}.login-page>h2,.register-page h2{font-size:2.2rem;text-align:center}.input-login,.input-register{margin:32px 0}.input-label{font-size:24px;font-weight:lighter}.input-control{background-color:initial;border:3px solid #fff;border:3px solid var(--on-background);border-radius:8px;color:#fff;color:var(--on-background);display:block;font-family:Figtree,sans-serif;font-size:18px;margin-top:8px;padding:8px;width:100%}.input-group{margin-top:16px}.input-alert{display:block;font-size:1rem;font-style:italic;margin:4px 0 0}.input-alert.danger{color:#cf6679;color:var(--error)}.input-alert.success{color:#03dac6;color:var(--secondary)}.input-alert.warning{color:#f39c12;color:var(--warning)}.input-btn-submit{background-color:#fff;background-color:var(--on-background);border:0;border-radius:8px;color:#121212;color:var(--background);cursor:pointer;font-family:Figtree,sans-serif;font-size:24px;font-weight:700;margin-top:1.5rem;padding:12px;width:100%}.button-logout{background-color:initial;border:0;color:#fff;color:var(--on-background);cursor:pointer;font-size:20px;gap:8px}._404,.button-logout{align-items:center;display:flex}._404{flex-direction:column;height:calc(100vh - 136px);justify-content:center}._404__title{font-size:5rem;letter-spacing:1rem}._404__subtitle{font-size:2rem}.alert{align-items:center;background-color:#121212;background-color:var(--background);border:1px solid #fff;border:1px solid var(--on-background);border-radius:8px;display:flex;flex-direction:column;font-size:.8rem;justify-content:center;min-height:50px;padding:10px;text-align:center}.alert__success{color:#03dac6;color:var(--secondary)}.alert__warning{color:#f39c12;color:var(--warning)}.alert__danger{color:#cf6679;color:var(--error)}.font-bold{font-weight:900}.swal2-theme-dark,.swal2-theme-light{background-color:#121212!important;background-color:var(--background)!important;border:1px solid #fff!important;border:1px solid var(--on-background)!important;color:#fff!important;color:var(--on-background)!important}.hide{display:none}.banner-container,.sign-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.banner-container{height:100vh;max-height:60vw;position:relative;width:100%}.banner-img{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.banner-content{background-color:#bb86fc;background-color:var(--primary);height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%}.banner-title{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.banner-title h1{color:#121212;color:var(--surface);font-size:3.5rem}.banner-photo-credit{bottom:0;left:calc(50% - 134px);padding-bottom:16px;position:absolute;text-align:center}.banner-photo-credit,.banner-photo-credit a{color:#121212;color:var(--surface);font-size:14px}.sign-btn-action{display:flex;justify-content:center;margin-bottom:16px;margin-top:16px}.sign-btn-action button svg{width:24px}.dropdown-menu{position:relative}.dropdown-btn{border:none;font-size:30px;height:28px;margin:0 auto 2px;width:28px}.dropdown-btn:hover{box-shadow:none!important;scale:1!important}.dropdown-content{background-color:#121212;background-color:var(--background);border:1px solid #fff;border:1px solid var(--on-background);border-radius:8px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:160px;position:absolute;right:0;z-index:1}.dropdown-content button{margin:0 auto;padding:12px 16px;width:100%}.dropdown-content button:hover{background-color:#f39c12;background-color:var(--warning);border-radius:8px}.dropdown-menu:hover .dropdown-content{display:block}.dropdown-menu:hover .dropdown-btn{background-color:#f39c12;background-color:var(--warning)}.dropdown-menu:hover .dropdown-btn-wrapper span{color:#f39c12;color:var(--warning)}.switch{display:inline-block;height:26px;margin:0 8px;position:relative;width:60px}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:4px;width:20px}.switch.dark>.slider{background-color:#3700b3;background-color:var(--primary-variant)}.switch.dark>.slider:before{-webkit-transform:translateX(32px);transform:translateX(32px)}@media screen and (min-width:650px){.notes-list{grid-template-columns:repeat(2,1fr)}.detail-page__title{font-size:64px}.alert{flex-direction:row;font-size:1rem}.alert__msg{margin-left:1rem}}@media screen and (min-width:850px){.notes-list{grid-template-columns:repeat(3,1fr)}.sign-container{flex-direction:row-reverse;height:auto}.main-container{width:40%}.banner-container{width:60%}.sign-btn-action{justify-content:flex-end}}@media screen and (min-width:1200px){.notes-list{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=main.f15f0e7d.css.map*/