:root{--box-color:#eae5e5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--maincolor);transition:background-color 1.2s ease-in}#root,body{height:100vh;margin:0;overflow:hidden;width:100vw}#root{align-items:center;display:flex;flex-direction:column;justify-content:center}#quote-box{background-color:#eae5e5;background-color:var(--box-color);border-radius:10px;position:relative;top:-10vh;width:500px}#footer{align-items:center;color:blue;display:flex;height:6vh;justify-content:space-around;margin-top:-3vh}@media only screen and (max-width:500px){#quote-box{width:300px}}:root{--fontsize:25px;--width:90%;--maincolor:#4ec1a8;--footercolor:rgba(0,0,0,.747)}*{box-sizing:border-box}#author{color:rgba(99,98,98,.791);display:block;font-family:Gill Sans MT;font-size:17.5px;font-size:calc(var(--fontsize)*.7);font-style:italic;margin:10px auto auto;text-align:end;width:90%;width:var(--width)}.click:hover{cursor:pointer;opacity:.7}.iconq{color:#000;height:30px;height:calc(var(--fontsize)*1.2)}#text{color:#4ec1a8;color:var(--maincolor);font-size:25px;font-size:var(--fontsize);line-height:25px;line-height:var(--fontsize);margin:20px auto 0;padding:5px 5px 10px;text-align:center;transition:color 1s ease-in;width:90%;width:var(--width)}#text:active{-webkit-animation:txt3 1s ease-in;animation:txt3 1s ease-in}@-webkit-keyframes txt3{0%{opacity:0}to{opacity:1}}@keyframes txt3{0%{opacity:0}to{opacity:1}}.clickables{display:flex;height:45px;justify-content:space-between;margin:30px auto 20px;width:90%;width:var(--width)}#new-quote{background-color:#4ec1a8;background-color:var(--maincolor);border:none;border-radius:5px;color:var(--box-color);font-size:110%;transition:opacity .2s ease-in-out,background-color 1s ease-in}.icon2{color:#4ec1a8;color:var(--maincolor);display:inline;height:100%;margin-right:2.5vw;transition:opacity .2s ease-in-out,color 1s ease-in}.icon3{color:rgba(0,0,0,.747);color:var(--footercolor);height:25px;margin:0 2.5px;transition:color .2s ease-in-out}.links{display:flex;flex-direction:row;justify-content:start}.icon3:hover{color:#fff}i{margin-right:5px;padding:0 5px}#fclass,i{color:rgba(0,0,0,.747);color:var(--footercolor)}#fclass{align-items:center;display:flex}a{text-decoration:none}#fclass>a{margin-right:5px}
/*# sourceMappingURL=main.0eb038a0.css.map*/