@import "https://fonts.googleapis.com/css?family=Six+Caps";
.or{text-align:center}.label{margin-bottom:5px;font-weight:700;display:block}.input{box-sizing:border-box;outline-offset:4px;border:1px solid #ccc;border-radius:4px;width:100%;margin-bottom:10px;padding:10px;font-size:16px}.send{justify-content:right;display:flex}.send-button{background-color:var(--theme-color);border-radius:7px;padding:7px;font-weight:700}
.book-container{box-sizing:border-box;color:#fff;text-align:center}.book-container *{box-sizing:border-box}.border-animation{--border-width:.1em;--animation-speed:.5s;--color:#fff;color:#fff;border:var(--border-width)solid transparent;font-size:4em;line-height:1em;display:inline-block;position:relative;transform:scaleY(.8)}@media (prefers-color-scheme:light){.border-animation{--color:#000}}.border-animation__inner{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:var(--theme-color);z-index:1;border:solid var(--border-width)transparent;width:100%;padding:.2em;font-family:Six Caps,sans-serif;font-weight:300;display:inline-block;position:relative}.border-animation:before,.border-animation:after{content:"";background:var(--color);position:absolute}.border-animation:focus:before,.border-animation:hover:before{animation:beforeBorders var(--animation-speed)forwards ease-in-out}.border-animation:focus:after,.border-animation:hover:after{animation:afterBorders var(--animation-speed)forwards ease-in-out}.border-animation:focus,.border-animation:hover{animation:borderColors var(--animation-speed)steps(1)forwards;outline:none}.border-animation:focus .border-animation__inner,.border-animation:hover .border-animation__inner{animation:background calc(var(--animation-speed)/5*3)forwards ease-in-out;animation-delay:calc(var(--animation-speed)/5*2)}@keyframes beforeBorders{0%{top:calc(var(--border-width)*-1);width:0;height:var(--border-width);bottom:auto;left:50%;right:auto}33%{top:calc(var(--border-width)*-1);left:calc(var(--border-width)*-1);width:calc(var(--border-width) + 50%);height:var(--border-width);bottom:auto;right:auto}66%{top:calc(var(--border-width)*-1);left:calc(var(--border-width)*-1);width:var(--border-width);height:calc((var(--border-width)*2) + 100%);bottom:auto;right:auto}to{top:auto;left:calc(var(--border-width)*-1);bottom:calc(var(--border-width)*-1);width:calc(var(--border-width) + 50%);height:calc((var(--border-width)*2) + 100%);right:auto}}@keyframes afterBorders{0%{top:calc(var(--border-width)*-1);width:0;height:var(--border-width);bottom:auto;left:auto;right:50%}33%{top:calc(var(--border-width)*-1);bottom:auto;left:auto;right:calc(var(--border-width)*-1);width:calc(var(--border-width) + 50%);height:var(--border-width)}66%{top:calc(var(--border-width)*-1);bottom:auto;left:auto;right:calc(var(--border-width)*-1);width:var(--border-width);height:calc((var(--border-width)*2) + 100%)}to{top:auto;left:auto;bottom:calc(var(--border-width)*-1);right:calc(var(--border-width)*-1);width:calc(var(--border-width) + 50%);height:calc((var(--border-width)*2) + 100%)}}@keyframes borderColors{0%{border-color:#0000}33%{border-top-color:var(--color);border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000}66%{border-top-color:var(--color);border-right-color:var(--color);border-bottom-color:#0000;border-left-color:var(--color)}to{border-top-color:var(--color);border-right-color:var(--color);border-bottom-color:var(--color);border-left-color:var(--color)}}@keyframes background{to{text-shadow:0 .1em .1em #111;background:#555}}@media (min-width:850px){body{justify-content:center}}@media (min-width:1200px){.border-animation{font-size:6em;line-height:1em}}