@charset "UTF-8";html{--color-background: rgb(238, 234, 227);--color-text: #BF964C}html{background-color:var(--color-background);color:var(--color-text);font-family:IvarFine,serif}html,body{height:calc(100% - 4rem);margin:0}body{padding:2rem;letter-spacing:.05em;word-spacing:.2em}html,button{font-family:IvarFine,serif}input[type=email],textarea{appearance:none;border:none;outline:none;border-bottom:.2em solid var(--color-text);background:rgba(var(--color-text),.2);border-radius:.2em .2em 0 0;padding:.4em;color:var(--color-text);font-family:IvarFine,serif}input[type=email]{text-align:center}button{font-size:.7rem;appearance:none;border:none;outline:none;background:rgba(191,150,76,0);border-radius:.2em .2em 0 0;padding:1em;color:var(--color-text);border:1px solid var(--color-text);width:max-content;margin:0 auto;text-transform:uppercase;transition:background ease .4s}button:hover{cursor:pointer;background:rgba(191,150,76,.22);transition:background ease .4s}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem}.loading-spinner p{margin:0}.spinner{width:40px;height:40px;border:4px solid transparent;border-top:4px solid var(--color-text);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (min-width: 768px){.login h1{font-size:3em}img{display:block;width:200px;height:auto}}.title-container{margin:1rem 0;width:100%;display:flex;align-items:center}.title-wrapper{display:flex;align-items:center;gap:2rem;width:100%}.title-text{font-size:2rem;white-space:nowrap}.title-line{display:flex;align-items:center;position:relative;flex:1}.title-line:before,.title-line:after{content:"";flex:1;height:2px;background-color:var(--color-text)}.dot{font-size:3rem;height:13px;margin:0 5px;line-height:0}.page-content{font-size:1rem}@media only screen and (min-width: 768px){.title-text{font-size:3rem}button{font-size:.8rem}.page-content{width:calc(768px - 4rem);font-size:1.5rem}}@media only screen and (min-width: 1240px){.title-text{font-size:4rem}.title-container{margin:2rem 5rem;width:500px;position:absolute;left:calc(-250px + 8rem);top:25rem;transform:translateY(-50%) rotate(-90deg)}button{font-size:1rem}.page-content{max-width:calc(1240px - 24rem);margin:2rem auto 0 20rem}}