*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;overflow-x:hidden}body{background-color:green;z-index:-1}header{text-align:center;color:#fff;font-weight:700;text-decoration:underline;padding-top:2rem;padding-bottom:1rem}main{padding-bottom:8rem}#guestbook{position:fixed;bottom:0;width:100%;background-color:#006400;display:flex;padding:1rem;justify-content:center;border-top:white outset 2px}#guestbookContainer{height:90%;width:80%;margin-left:10%;overflow:auto}.message-div{position:relative;display:flex;background-color:#006400;color:#fff;font-size:1.5rem;width:80%;justify-content:flex-start;align-items:center;padding:2rem;margin:1rem 1rem 1rem 10%;border-radius:1rem 1rem 7rem;border:white outset 2px}.database-text{font-style:italic}.like-button{position:absolute;left:2rem;bottom:.33rem;background-color:green;font-size:1rem;color:#fff;border-color:#fff;border-radius:1rem;padding-left:5px;padding-right:10px}.delete-button{position:absolute;right:.33rem;top:.33rem;background-color:green;font-size:1rem;color:#fff;border-color:#fff;border-radius:1rem;padding-left:5px;padding-right:5px}#message-box{background-color:#33eb33;border:darkolivegreen outset 2px;border-radius:1rem;padding:.5rem}#message-box:hover{border:gold outset 2px}#username-box{background-color:#33eb33;border:darkolivegreen outset 2px;border-radius:1rem;padding:.5rem}#username-box:hover{border:gold outset 2px}.submit-button{background-color:#33eb33;border:darkolivegreen outset 2px;border-radius:1rem;padding:.5rem}.submit-button:active{background-color:gold}@media (max-width: 767px){#guestbook{flex-direction:column}}@media screen and (prefers-reduced-motion: reduced){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}