body{margin:0;padding:0;background-color:#ebf0f4;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}nav{display:flex;padding:2%}a{color:inherit}a,nav a{text-decoration:none}nav a{font-family:Montserrat,sans-serif;font-size:20px;color:#31335a;margin-right:1%;margin-left:1%}nav a:hover{text-decoration:overline}header{font-family:Staatliches,cursive;color:#31335a;letter-spacing:15px;font-size:32px;text-align:center}.logo{padding:2%;border-color:currentcolor;border-style:solid;border-width:1px 2px 8px;border-radius:50px}.card-filter{padding-left:5%;padding-top:2%}.card-filter select{height:30px;width:150px;background-color:#fff;border-radius:5px;font-family:Montserrat,sans-serif;font-size:16px;-webkit-font-feature-settings:"c2sc";font-feature-settings:"c2sc";font-variant:small-caps}footer{display:flex;justify-content:center;margin-top:4%;height:100px;background-color:silver}footer p{align-self:center;letter-spacing:2px;font-family:Montserrat,sans-serif;color:#31335a}.container{display:flex;justify-content:center;padding:2%}.quotes-container{width:80%}.quote-card,.quotes-container{display:flex;flex-direction:column}.quote-card{margin:2% 1%;padding:3%;border:1px solid silver;border-radius:5px;background-color:#fff;box-shadow:2px 2px 4px silver}.action-btns{display:flex;justify-content:space-around;align-items:center;position:relative;left:80%;height:20px;width:15%}.action-btn{height:12px;width:10%;border:1px solid;border-radius:100%;box-shadow:1px 1px 1px grey}.action-1{background:#217909;background:radial-gradient(circle,#217909 25%,#052400 100%,#0bff00 0)}.action-2{background:#ecdf07;background:radial-gradient(circle,#ecdf07 50%,#9ea10d 100%,#ced110 0)}.action-3{background:#ec0707;background:radial-gradient(circle,#ec0707 50%,#4a0b0b 100%,#700808 0);cursor:pointer}.action-1:hover{background:#00ff28;background:radial-gradient(circle,#00ff28 50%,#0f0 100%,#00ff13 0);cursor:pointer}.action-1:hover .green-label{visibility:visible}.action-2:hover{background:#efff00;background:radial-gradient(circle,#efff00 50%,#fffe00 100%,#fbff00 0);cursor:pointer}.action-3:hover{background:red;background:radial-gradient(circle,red 50%,red 100%,red 0)}.green-label{height:20px;width:130px;position:relative;right:400%;bottom:250%;border:1px solid;border-radius:5px;text-align:center;color:#000;background-color:silver;opacity:.5;visibility:hidden}.quote-title{font-family:Staatliches,cursive;font-size:24px;color:#222;letter-spacing:6px;padding-left:2%;margin-top:0;margin-bottom:1%;text-shadow:1px 1px 1px #555}.quote-text{flex-basis:80%;color:#2c3e50;font-family:Montserrat,sans-serif;letter-spacing:2px;line-height:1.8}.quote-author{padding-left:80%}.undo-btn{display:flex;align-items:center;height:30px;width:90px;border:1px solid;border-radius:5px;background-color:#d14e4e;font-family:Montserrat,sans-serif;color:#fff;cursor:pointer}.undo-btn:hover{background-color:#e62f2f}.undo-btn p{font-size:16px;padding-left:18%;-webkit-font-feature-settings:"c2sc";font-feature-settings:"c2sc";font-variant:small-caps}.about{display:flex;flex-direction:column;padding:2% 4%}.about-title{text-align:center;font-size:32px;font-family:Montserrat,sans-serif;font-weight:300;-webkit-font-feature-settings:"c2sc";font-feature-settings:"c2sc";font-variant:small-caps;letter-spacing:4px;color:#222}.about-text{width:80%;margin-left:auto;margin-right:auto;text-align:center;color:#2c3e50;font-family:Montserrat,sans-serif;font-size:20px;font-weight:300;letter-spacing:2px;line-height:2}@media only screen and (max-width:768px){header{font-size:24px}nav{display:flex;justify-content:center;padding:2%}nav a{margin-left:6%;margin-right:6%}.quote-card{margin-top:10%;margin-bottom:10%}.quote-author{padding-left:20%}.action-btns{display:flex;justify-content:space-between;align-items:center;position:relative;left:75%;height:20px;width:25%}.action-btn{height:15px;width:25%;border:1px solid;border-radius:100%;box-shadow:1px 1px 1px grey}}
/*# sourceMappingURL=main.258641e7.chunk.css.map */