body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.content{align-items:flex-start;display:flex;flex-direction:column}.App-logo{height:40vmin;pointer-events:none}.App-header{align-items:center;color:#000;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-header,body{background-color:#000}body{color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}.App-link{color:#61dafb}.side-section{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.search-box{align-items:center;display:flex;margin:20px 5% -35px 2.5%;max-width:90%}.search-input{border:1px solid #ccc;border-radius:4px;margin-left:3%;margin-right:3%;padding:8px;width:100%}.current-searches{display:flex;flex-wrap:wrap;margin-left:3.5%;margin-top:2%;max-width:300px;text-align:left}.current-searches-list{display:flex;flex-wrap:wrap;margin-left:-15%;margin-top:-10%}.current-searches-list li{border:1px solid #fff;border-radius:20px;color:#fff;display:inline-block;font-size:14px;list-style:none;margin:5px;padding:5px 10px}.switch{display:inline-block;font-size:12px;height:34px;line-height:34px;overflow:visible;position:relative;width:140px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;font-size:10px;font-weight:700;left:0;line-height:35px;padding-left:20px;position:absolute;right:0;top:0;transition:.4s}.slider.checked{background-size:600%;font-size:10px;padding-left:0;padding-right:20px}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";font-size:12px;height:26px;left:4px;position:absolute;transition:.4s;width:26px}input:checked+.slider:before{transform:translateX(50px)}.new-posts-button{animation:rainbow 8s linear infinite;background-image:linear-gradient(45deg,violet,indigo,blue,green,#ff0,orange,red);background-size:600%;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:20px;padding:10px 20px;width:30%}.scrollable-box{max-height:600px;overflow-y:auto;width:100%}.scrollable-box-container{align-items:flex-start;margin-right:20px;max-height:500px;overflow-y:auto}.white-rectangle{width:100%}.reddit-post{border-radius:8px;margin-bottom:10px}.slider.checked{animation:rainbow 8s linear infinite;background-image:linear-gradient(45deg,violet,indigo,blue,green,#ff0,orange,red)}@keyframes rainbow{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{background-color:#000;color:#fff;justify-content:space-between;padding:20px}.header,.logo-container{align-items:center;display:flex}.logo-container img{height:auto;margin-right:-10px;width:100px}.logo-text{color:#fff;font-size:24px;font-weight:700;margin-left:0}.navigation ul{list-style:none;margin:0;padding:0}.navigation li,.navigation ul{align-items:center;display:flex}.navigation li{margin-right:20px}.navigation a{color:#fff;text-decoration:none;transition:color .3s ease}.navigation a:hover{color:#f1f1f1}.signin-btn,.signup-btn{background-color:initial;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.reddit-post,.signin-btn:hover,.signup-btn:hover{background-color:#fff;color:#000}.reddit-post{border-radius:5px;display:flex;flex-direction:column;margin-bottom:15px;padding:10px}.post-header{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between}.post-title{font-size:20px;margin-bottom:4px;text-align:left}.post-author{color:#888;font-size:14px;font-style:italic;margin:0 0 2px}.post-subreddit{color:#555;font-size:16px;margin:0}.post-content{word-wrap:break-word;font-size:16px;margin-bottom:8px;text-align:left}.post-details{align-items:center;display:flex;justify-content:space-between}.post-timestamp{color:#aaa;font-size:12px}.scrollable-box-container{display:flex;flex-direction:column;justify-content:flex-end;margin-left:auto;padding-right:20px;width:70%}
/*# sourceMappingURL=main.d7817a80.css.map*/