html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;font-family:Lora,serif}.main-screen{width:100vw;height:100vh;background-color:#0057ff;font-family:serif;color:#fff;position:relative;overflow:hidden}.date-section{position:absolute;top:150px;width:100%;text-align:center}.date-number{font-size:64px;font-weight:800}.separator{width:4px;height:40px;background-color:#fff;margin:8px auto 0}.quote-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.quote-text p{font-size:24px;line-height:1.6;font-weight:500;margin:0;color:#fff}.highlight{color:#f8e16c;font-style:italic;font-weight:700}.book-bottom{position:absolute;bottom:0;width:100%;height:160px;background-color:#f5f2eb}.book-bottom:before,.book-bottom:after{content:"";position:absolute;bottom:0;width:100%;height:250%;background-color:#f5f2eb;border-radius:70% 70% 0 0}.book-bottom:before{left:-50%}.book-bottom:after{right:-50%}.welcome-screen{position:relative;width:100vw;height:100vh;overflow:hidden;font-family:serif}.pink-circle{position:absolute;top:-50vw;width:100vw;height:100vw;background-color:pink;border-radius:50%;z-index:0}.yellow-circle{position:absolute;bottom:-50vw;left:0;width:100vw;height:100vw;background-color:#f7ef81;border-radius:50%;z-index:0}.green-circle{position:absolute;top:50%;width:90vw;height:90vw;background-color:#1f8b4c;border-radius:50%;transform:translateY(-50%);z-index:1}.green-circle.left{left:-35vw}.green-circle.right{right:-35vw}.content{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);text-align:center;color:#fff}.content h1{font-size:24px;font-weight:700;margin:0}.content p{font-style:italic;margin-top:10px}.top-indicator{position:absolute;top:75%;left:47%;display:flex;flex-direction:column;align-items:center;z-index:2}.clock-number{font-size:6vw;font-weight:700;color:#0047ff;font-family:Georgia,serif}.clock-line{width:1vw;height:6vw;background-color:#0047ff;margin-top:1vw}