body{background-color:#f9fdff;font-family:"Inter",sans-serif;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.drop-down{margin-right:auto}.drop-down button,.drop-down span{cursor:pointer;color:grey;font-family:inherit;font-weight:500;font-size:22px;border:none;background-color:transparent;margin-right:24px}.drop-down button:hover{color:#a9a9a9}.search-bar{display:flex;padding:.5em;border-radius:10px;position:relative;overflow:hidden;transition:all .1s ease-in}.search-bar:focus-within{border:2px solid #f74302;width:200px}.search-bar button{position:absolute;pointer-events:none;background-color:transparent;border:none}.search-bar input{width:0;cursor:pointer;opacity:0;background-color:transparent;padding-left:32px;line-height:20px;flex-grow:1;color:#000;border:1px solid transparent;border-radius:10px;font-size:1rem;transition:ease-out}.search-bar input:focus-within{cursor:auto;opacity:1}input:focus{outline:none}@media screen and (min-width:600px){.search-bar:focus-within{width:300px}}.submitSearch button{margin-left:8px;cursor:pointer;background:transparent;border:2px solid #f74302;border-radius:10px;color:#000;text-transform:uppercase;font-weight:700;letter-spacing:.05em;font-size:12px;padding:12px}.submitSearch button:hover{color:#fff;background:#f74302}header{height:120px}.filter,header{display:flex;align-items:center}.filter{justify-content:space-between;font-weight:500;padding:20px 24px;border-radius:10px;background-color:#f3f3f3}.filter li{list-style:none}.filter li button{font-weight:700;align-items:center;border-radius:10px;cursor:pointer;display:flex;padding:12px;color:#636363;font-size:inherit;background:transparent;border-color:transparent;background-repeat:no-repeat}.filter li button:focus-within{color:#fff}.filter li button:hover{color:#a9a9a9}.error{text-align:center;margin-top:32px;color:red}.card{max-width:650px;padding:16px;border-radius:10px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2)}.hide-card{height:300px;position:relative}.blur{-webkit-filter:blur(15px);filter:blur(15px)}.hide-card h3{position:absolute;left:0;right:0;text-align:center}.card .info,.card .media,.card h3{margin-bottom:16px}.icon-container{height:30px;width:30px}.media img,.media video{border:transparent;border-radius:10px;width:100%;height:100%}.media a{text-align:center;margin:8px 0;display:inline-block;text-decoration:none;cursor:pointer;border:1px solid transparent;border-radius:10px;background-color:#0275c9;color:#fff;text-transform:uppercase;font-weight:700;letter-spacing:.05em;font-size:14px;padding:12px 32px}.media a:hover{background-color:#005492}.metadata{color:#646464;display:flex;grid-gap:16px;gap:16px;font-size:15px}.comments:before,.votes:before{content:"";height:.75em;display:inline-block;background-position:0;background-size:contain;background-repeat:no-repeat}.comments:before{width:1em;background-image:url(/static/media/messages.151c7bc5.svg)}.votes:before{width:.6em;background-image:url(/static/media/votes.e828d4ab.svg)}.cards{margin-top:32px;grid-gap:32px;gap:32px;display:column;-webkit-columns:3;column-count:3}.cards>*{page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;margin-bottom:32px}@media screen and (max-width:950px){.cards{-webkit-columns:2;column-count:2}}@media screen and (max-width:640px){.cards{-webkit-columns:1;column-count:1}}.imgIcon{margin-right:.7em;width:40px;height:40px;border-radius:50%}.imgIcon img{width:100%;height:100%}.aside-item-container{margin-bottom:32px;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.2)}.aside-header{border-radius:10px 10px 0 0;text-align:center;padding:48px 0;background-size:cover;background-position:50%;background-repeat:no-repeat}.subreddit-container{font-size:1rem;line-height:40px;padding:16px;display:flex;align-self:center}aside{margin-left:32px;width:300px;float:right}.pager{padding:24px 0;justify-content:center;align-items:center;display:flex;margin:auto}.pager button{font-weight:700;cursor:pointer;border:1px solid #f74302;background-color:transparent;padding:12px 24px;border-radius:50px}.pager p{margin:0 8px}.pager button:hover{background-color:#f74302;color:#fff}*{padding:0;margin:0}.App{padding:0 32px;margin:auto;max-width:1400px}.title{color:#fff;margin:16px auto auto;text-align:center;padding:1.6em 8px;border-radius:10px;background-image:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url(/static/media/title-background.e51c4bb6.jpg);background-size:cover;background-repeat:no-repeat}.anchor-subreddit{cursor:pointer;border:none;background-color:transparent;font-size:1rem}.anchor-subreddit:hover{color:#f74302}@media screen and (max-width:400px){h1{font-size:30px}}@media screen and (max-width:600px){.App{padding:0 16px}}
/*# sourceMappingURL=main.cad2b433.chunk.css.map */