body{margin:0;padding: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:#90ee90}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box}@-webkit-keyframes deleteQuoteC{0%{background-image:linear-gradient(#90ee90 100%,#000 100% 100%,#90ee90 0 100%)}5%{background-image:linear-gradient(#90ee90 45%,#000 45% 55%,#90ee90 55% 100%)}10%{background-image:linear-gradient(#90ee90 35%,#000 35% 65%,#90ee90 65% 100%)}15%{background-image:linear-gradient(#90ee90 25%,#000 25% 75%,#90ee90 75% 100%)}20%{background-image:linear-gradient(#90ee90 15%,#000 15% 85%,#90ee90 85% 100%)}25%{background-image:linear-gradient(#90ee90 5%,#000 5% 95%,#90ee90 95% 100%)}30%,to{background-image:linear-gradient(#90ee90 0,#000 0 100%,#90ee90 100%)}}@keyframes deleteQuoteC{0%{background-image:linear-gradient(#90ee90 100%,#000 100% 100%,#90ee90 0 100%)}5%{background-image:linear-gradient(#90ee90 45%,#000 45% 55%,#90ee90 55% 100%)}10%{background-image:linear-gradient(#90ee90 35%,#000 35% 65%,#90ee90 65% 100%)}15%{background-image:linear-gradient(#90ee90 25%,#000 25% 75%,#90ee90 75% 100%)}20%{background-image:linear-gradient(#90ee90 15%,#000 15% 85%,#90ee90 85% 100%)}25%{background-image:linear-gradient(#90ee90 5%,#000 5% 95%,#90ee90 95% 100%)}30%,to{background-image:linear-gradient(#90ee90 0,#000 0 100%,#90ee90 100%)}}.line{height:2px;background-color:#c4c4c4;width:100%}.fullText{position:relative;z-index:0;text-align:left;text-overflow:scroll;font-size:2.5rem}.quotesSingle{flex-direction:row;align-items:space-around;justify-content:space-around;flex-wrap:wrap;padding:20px;background-color:#90ee90;z-index:0}.Main,.quotesSingle{display:flex;width:100%}.Main{flex-direction:column;justify-content:space-between;margin-top:120px}h5{margin:0}.singleH{text-decoration:none;word-break:break-word;font-size:2.5rem}h1:before{content:'"';font-family:"Times New Roman",Times,serif;font-size:5rem;color:green}h1{margin:0;font-size:3rem;text-align:left}h1:after{content:'"';font-family:"Times New Roman",Times,serif;font-size:5rem;color:green}button{background-color:green;width:250px;color:#fff;padding:20px;font-size:1.25rem;border-radius:0;margin:10px}button:hover{cursor:pointer}.deleteB{background-color:green;width:250px;color:#fff;padding:20px;font-size:2rem;border-radius:0;margin:10px}.red{background-color:#ca001a}.test{display:flex;flex-direction:column}.button{align-self:flex-end;display:flex;flex-direction:row;width:25%;justify-content:space-around;color:#000;font-size:2rem;margin:0}.button:hover{cursor:pointer}a{text-decoration:none;color:#000}h5:hover{text-decoration:underline;color:green;cursor:pointer}.deleteContainer{display:flex;flex-direction:column;position:fixed;bottom:300px;width:600px;height:200px;background-color:#fff;z-index:15;justify-content:center;align-items:center;align-self:center;box-shadow:0 0 15px 5px #000,0 0 1000px 1000px rgba(0,0,0,.5)}.deleteContainer p{font-size:2rem;width:90%;text-align:center;margin:10px 0}.singleContainer{display:flex;margin-top:40px;flex-direction:row;width:100%;justify-content:space-around}.mainCardInfo{width:50%}.mainCardInfo,.quotesList{display:flex;flex-direction:column}.quotesList{width:100%}img{height:72vh;position:-webkit-sticky;position:sticky;top:160px;max-width:500px;object-fit:contain}.empty{background-color:salmon}.empty::-webkit-input-placeholder{color:#fff}.empty::placeholder{color:#fff}.deleteButtons button{font-size:2rem}@media only screen and (max-width:1279px){.singleContainer{display:flex;margin-top:40px;flex-direction:column;width:100%;justify-content:center;align-items:center}img{height:90vh;position:absolute;top:70px;object-fit:contain;z-index:0;opacity:.15;max-width:80%}.mainCardInfo{display:flex;flex-direction:column;width:90%;z-index:10}}@media only screen and (max-width:1000px){button{background-color:green;color:#fff;width:100%;padding:20px;font-size:1.5rem;border-radius:0;margin:10px}.deleteButtons{display:flex;width:100%;justify-content:space-around}#green-button,#red-button{width:250px}}@media only screen and (max-width:680px){button{width:20vw;font-size:1.25rem;margin:0;padding:10px}.Main{margin-top:50px}.quotesList{width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center}.button{align-self:center;width:60%;font-size:2rem;font-weight:400}.singleH{text-decoration:none;word-break:break-word;font-size:2.25rem}.fullText{position:relative;z-index:0;text-align:center;font-size:1.75rem}.deleteContainer{width:90%}.deleteContainer button{padding:10px;margin:10px}.deleteButtons{display:flex;width:100%;justify-content:center}#red-button{width:50vw}.red{width:100%}#green-button{width:50vw}}@-webkit-keyframes deleteQuote{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes deleteQuote{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}.gridList{display:grid;width:100%;flex-direction:column;grid-template-columns:repeat(auto-fit,300px);align-items:center;justify-content:center;padding:20px;z-index:0;margin:auto}.cont{flex-direction:column}.cont,.cont:hover>h2{display:flex;margin:0}.cont:hover>h2{position:relative;right:30px;top:20px}.quoteStyleC{-webkit-filter:drop-shadow(0 0 10px #000);filter:drop-shadow(0 0 10px black);position:relative;z-index:0}.quoteStyleC:hover{-webkit-filter:drop-shadow(0 10px 20px #000);filter:drop-shadow(0 10px 20px black);z-index:1}.quoteStyleC:hover>.quoteStyle>h3,.quoteStyleC:hover>.quoteStyle>p{display:none}.quoteStyle:hover>.quoteStyle{-webkit-transform:scale(1.25);transform:scale(1.25)}.quoteStyle{display:flex;justify-content:center;position:relative;width:250px;flex-direction:column;align-items:flex-start;text-align:left;text-decoration:none;height:250px;margin:15px;padding-left:15px;padding-right:15px;z-index:0;box-shadow:0 0 10px 2px #000;-webkit-clip-path:polygon(0 58%,5% 21%,1% 9%,0 0,0 100%,0 1%,10% 0,23% 2%,34% 0,51% 3%,61% 0,75% 5%,93% 4%,100% 9%,96% 19%,100% 30%,94% 43%,100% 52%,95% 86%,100% 100%,89% 98%,77% 100%,49% 93%,34% 100%,26% 91%,0 100%);clip-path:polygon(0 58%,5% 21%,1% 9%,0 0,0 100%,0 1%,10% 0,23% 2%,34% 0,51% 3%,61% 0,75% 5%,93% 4%,100% 9%,96% 19%,100% 30%,94% 43%,100% 52%,95% 86%,100% 100%,89% 98%,77% 100%,49% 93%,34% 100%,26% 91%,0 100%)}.deleted{-webkit-animation:deleteQuote .5s ease-in-out 0s 1 normal forwards;animation:deleteQuote .5s ease-in-out 0s 1 normal forwards}.textList{height:200px;overflow:hidden;margin-bottom:30px;padding:0 10px}.textList,h3{word-break:break-word}h3{text-decoration:none;padding-left:10px}h2{display:none;font-size:1.5rem;z-index:4;align-self:flex-end;color:#fff;text-shadow:-2px 0 red,0 2px red,2px 0 red,0 -2px red}h2:hover{color:red;cursor:pointer}@media only screen and (max-width:1000px){.gridList{margin-top:20px}}@media only screen and (max-width:680px){.gridList{grid-template-columns:repeat(1,.75fr);width:90%;padding:20px;z-index:0;margin-top:0}.cont{margin:20px}.cont h2{display:flex;font-size:2rem;z-index:4;align-self:flex-end;color:#fff;text-shadow:-2px 0 red,0 2px red,2px 0 red,0 -2px red;margin:0}.cont:hover>h2{display:flex;margin:0;position:relative;right:0;top:0}.quoteStyle,.quoteStyleC{width:70vw;height:70vw;margin:0}.quoteStyle{justify-content:center;align-items:center}.textList{font-size:1.5rem}.textList,h3{text-align:center}h3{font-size:1.75rem}}.newh2{display:flex;align-self:flex-start;color:#000;text-shadow:none;pointer-events:none;padding-left:20px;padding-top:20px;z-index:10}.img_url,.title,textarea{font-family:Arial,Helvetica,sans-serif}@media only screen and (max-width:680px){.quotesContainer{width:100%;display:flex;flex-direction:column;padding:20px;justify-content:center;align-items:center;z-index:0;background-color:#90ee90}.newh2{padding-left:0;align-self:center}form{flex-direction:column}.main-button,form{display:flex;width:100%}.main-button{align-self:center}.main-button a,.main-button button{text-align:center;width:100%}textarea{margin:10px 0}.title{margin:0}.img_url{margin:0 0 10px}}nav{display:flex;width:100%;flex-direction:row;position:fixed;justify-content:space-between;background-color:#fff;padding:15px;top:0;z-index:20}.add-quote:after{content:"+ Add New Quote"}.add-quote:after,.view-quote:after{visibility:visible;font-size:1.5rem}.view-quote:after{content:"View Your Quotes"}@media only screen and (max-width:1000px){nav{flex-direction:row;align-items:center;justify-content:space-between}nav h1{font-size:2.5rem;text-align:center}nav h1:after,nav h1:before{font-size:2.75rem}nav div{display:flex;width:50%;flex-direction:row;justify-content:space-around;align-items:center;padding:0;top:0;z-index:1;margin-right:10px}}@media only screen and (max-width:680px){nav{flex-direction:row;padding:5px}nav h1{text-align:center;width:90%}nav h1,nav h1:after,nav h1:before{font-size:1.25rem}nav div{display:flex;width:70%;flex-direction:row;justify-content:space-between;align-items:center;padding:0;top:0;z-index:1}.add-quote{padding:12px 0}.add-quote:after{content:"+";color:#fff;font-size:1.5rem}.view-quote:after{content:"☰";color:#fff;font-size:1.5rem}}.quotesContainer{width:100%;display:flex;flex-direction:column;padding:20px;justify-content:center;align-items:center;z-index:0;background-color:#90ee90}.edith2{display:flex;align-self:flex-start;color:#000;text-shadow:none;pointer-events:none;padding-left:20px;padding-top:20px;z-index:10}form{display:flex;width:55%;flex-direction:column}.img_url,.title{height:35px;margin:20px}.img_url,.title,textarea{width:100%;font-size:1rem}textarea{margin-left:20px}button:disabled{opacity:.5;pointer-events:none}.main-button button{display:flex;width:250px;justify-content:center}.main-button a{cursor:default;width:250px;justify-content:center}@media only screen and (max-width:680px){.quotesContainer{width:100%;display:flex;flex-direction:column;padding:20px;justify-content:center;align-items:center;z-index:0;background-color:#90ee90}.edith2{padding-left:0;align-self:center}form{flex-direction:column}.main-button,form{display:flex;width:100%}.main-button{align-self:center}.main-button a,.main-button button{text-align:center;width:100%}textarea{margin:10px 0}.title{margin:0}.img_url{margin:0 0 10px}}
/*# sourceMappingURL=main.06cd3103.chunk.css.map */