html,body{overflow:hidden}body{margin:0;width:100vw;height:100dvh;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-family:Comic Relief,system-ui}#content{background-color:#ffd4e9;width:100vw;height:100dvh;display:flex;justify-content:center;align-items:center}.title-container{position:absolute;width:100vw;text-align:center;top:7dvh;display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:2}.title{font-size:5dvh}.subtitle{font-size:3dvh}.page{width:100vw;height:100dvh;display:flex;justify-content:center;align-items:center;position:absolute}.buttons-container{width:50vh;font-size:5dvh;display:flex;justify-content:center;align-items:center;position:absolute}button{padding:1.2vh 3vh;border-radius:1vh;border:none;background-color:#60ff55;color:#000000c4;font-weight:700;filter:drop-shadow(0 .7dvh #21a518ad);font-size:4dvh;font-family:Comic Relief,system-ui}button:disabled{background-color:#d9d9d9;color:#454545c4;filter:drop-shadow(0 .3vh #565656ad)}button:hover:not([disabled]){margin-top:.3vh;filter:none}button:active:not([disabled]){margin-top:.55vh}.sweet{background-color:#ff7abc;filter:drop-shadow(0 .7dvh #e53a8f);margin-right:2dvh}.spicy{background-color:#ff4b4b;filter:drop-shadow(0 .7dvh #cb2727);margin-left:2dvh;margin-right:1dvh}.redo-button{background-color:#ff4b4b;filter:drop-shadow(0 .7dvh #cb2727)}.redo-icon{width:3.5dvh;height:auto;padding-left:1dvh;opacity:.8}.message-result-div{position:absolute;font-size:6dvh;word-wrap:break-word;display:flex;align-items:center;justify-content:center;display:inline-block}.draw-button-container{display:flex;flex-direction:column;position:absolute;width:30dvh;height:30dvh;right:10vw;justify-content:space-around;align-items:center}.message-container{display:flex;flex-direction:column;position:absolute;width:30dvh;right:10vw;justify-content:top;align-items:center}.message-instructions{font-size:3dvh}.message{font-size:3dvh;width:90%;height:20dvh;border:none;border-radius:2dvh;font-family:Comic Relief,system-ui;padding:2dvh}.message-text{font-size:3dvh;padding:1dvh 0;display:flex;justify-content:space-around}.input{font-size:3dvh;border:none;width:50%;border-radius:2dvh;padding:.5dvh;font-family:Comic Relief,system-ui}svg{transition:scale .3s ease-in-out,transform .3s ease-in-out}.dotted-container{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0}.dotted-heart{height:50dvh;width:auto}.dotted-dick{height:50dvh;width:auto;opacity:.3}.final-message-container{display:flex;flex-direction:column;position:absolute;width:30dvh;justify-content:center;align-items:start}.share-container{display:flex;height:20dvh;position:absolute;justify-content:center;align-items:center;bottom:2dvh;width:100%;flex-direction:column}.share-button,.close-button{margin-bottom:1.5dvh}.start-over-button{background-color:#ff4b4b;filter:drop-shadow(0 .7dvh #cb2727)}.valentine-container{position:absolute;width:100vw;height:100dvh}#show-valentine{width:100%;height:100%}.back-arrow{position:absolute;height:5.5dvh;width:4dvh;top:4dvh;left:3dvh;cursor:pointer;z-index:3}.collection-container{position:absolute;display:flex;flex-direction:column;align-items:end;font-size:3dvh;bottom:3dvh;right:3dvh}.view-all-button{margin-top:1dvh;font-size:3dvh}.view-all-button:hover{margin-top:1dvh!important}.collection-container-container{justify-content:center;display:flex;top:0;position:absolute;left:0;width:100%;height:100%}#collection-container{position:absolute;width:100dvh;top:20dvh;height:80dvh;overflow-y:scroll;display:grid;grid-template-columns:repeat(5,1fr)}.mini-valentine-container{width:20dvh}.mini-message-result-div{position:relative;font-size:2dvh;word-wrap:break-word;display:flex;align-items:center;justify-content:center;cursor:pointer}.mini-message-text{font-size:2dvh;padding:.5dvh 0;display:flex;justify-content:space-around}.envelope-container{position:absolute;width:100%;bottom:20dvh;display:flex;align-items:start;justify-content:center}.envelope{width:60dvh;cursor:pointer}@media(max-width:600px){button{font-size:3dvh}.buttons-container{font-size:4dvh}.sweet,.spicy{margin-right:1dvh}.title-container{width:85%;top:3dvh}.dotted-heart{width:80vw;height:auto}.back-arrow{height:4dvh;width:3dvh}.draw-button-container{bottom:3dvh;right:0;justify-content:space-around;width:100%;height:20dvh}.message-container{width:100vw;bottom:0;left:0;bottom:3dvh}.message{width:80%;height:10dvh}.message-text{width:90%;padding:.5dvh 0}.final-message-container{width:100dvw;text-align:center}.envelope-container{bottom:30dvh}.envelope{width:90vw}#collection-container{width:100vw;grid-template-columns:repeat(2,1fr)}}