#quote-box{transition:all .5s;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#78a083;width:45vw;height:65vh;border-radius:5em;overflow:hidden}#quote-box:hover{width:47vw;height:67vh}#text{display:flex;position:relative;text-align:center;overflow:hidden;font-weight:700;font-size:min(4vh,4vw);width:30vw;height:fit-content}#author{position:relative;text-align:center;overflow:hidden;font-weight:700;font-size:min(3vh,3vw);width:80%;height:fit-content}#buttonContainer{display:flex;gap:2vh}.button{border:none;background:none;transition:all .2s ease-in;background-color:#35374b;color:#fff;padding:.5em;border-radius:.5em;text-decoration:none;position:relative;text-align:center;overflow:hidden;font-weight:700;font-size:min(3vh,3vw);width:fit-content;height:min(fit-content,5em);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button:hover{background-color:#fff;color:#35374b}#credits{position:relative;bottom:-1em;justify-self:flex-end;font-size:min(2vh,2vw)}@media only screen and (max-width: 600px){#quote-box{width:90vw;height:80vh}#quote-box:hover{width:93vw;height:83vh}#text{width:70vw;font-size:min(7vh,7vw)}#author{width:70vw;font-size:min(6vh,6vw)}#credits{font-size:min(3vh,3vw)}.button{font-size:min(5vh,5vw)}}body{display:flex;justify-content:center;align-items:center;height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#35374b;color:#35374b}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}