body{margin: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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{font-family:"Source Sans Pro",sans-serif;box-sizing:border-box}.container{width:80%;margin:auto}.App{width:100%;margin:auto;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}nav{width:100%;height:50px;background:#212121;color:#fff;box-shadow:1px 3px 4px #e6e6e6}.navigation,nav{display:inline-flex;align-items:center}.brand,.navigation{margin:0 25px}.brand{flex:1 1;text-align:left}.brand img{width:30px}.brand h3,.brand img{display:inline;vertical-align:middle}.brand h3{margin-left:5px;font-size:20px;text-transform:uppercase}.menu{display:flex;list-style:none;margin-right:25px}.menu li a{color:inherit;text-decoration:none;margin:0 15px}.menu li a:hover{text-decoration:underline}.search{position:relative;padding-bottom:15px;bottom:-7px}.search-input::-webkit-input-placeholder{color:#fff;opacity:.8}.search-input:-ms-input-placeholder{color:#fff;opacity:.8}.search-input::placeholder{color:#fff;opacity:.8}.form-container{display:flex}.search-input{flex:1 1;height:0;border:none;position:absolute;left:-200px;visibility:hidden;opacity:0;top:36px;background:#212121;color:#fff;padding:6px;font-size:16px;outline:none;width:238px;transition:all 80ms ease-in;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:none}.search-input input{color:#fff;outline:none;background-color:#212121;border-radius:5px;-webkit-appearance:none;appearance:none;border:none}.search-submit{background-color:#fff!important;color:#000!important;border-radius:10px;margin:0 5px;padding:2px 15px}.search-button{background:transparent;color:#fff;cursor:pointer;font-size:14px;padding-top:4px}.search-button:hover+.search-input,.search-input:hover,.search:hover .search-input{visibility:visible!important;opacity:1!important;z-index:9!important;box-shadow:1px 3px 4px #f1f1f1;height:40px!important}.breaking-news-div{color:red;border-top:2px solid red;box-shadow:0 -5px 5px -5px #e5e5e5,0 8px 8px -5px #e5e5e5;padding:10px 15px;text-align:left;margin-bottom:15px}.breaking-news-div h5,p{margin:0!important;letter-spacing:1.1px;font-weight:400}.breaking-news-div p{font-size:18px;padding-top:10px}.category-select,.category-title{text-align:left;margin-left:15px}.category-select select{font-size:18px;display:inline-block;width:32%;margin:0;padding:.5rem 2.25rem .5rem 1rem;line-height:1.5;color:#fff;background-color:#212121;border:1px solid #d0d0d0;border-radius:.25rem;cursor:pointer;outline:0}.category-select select option{color:#444645;background:red}.category-select label{font-size:14px;color:#919090}.top-news{display:flex;justify-content:space-between;align-items:stretch;grid-column-gap:.875rem;-webkit-column-gap:.875rem;column-gap:.875rem;margin-top:30px}.top-news img{width:95%;height:600px;object-fit:cover}.top-article-title{width:80%;font-size:1.75em;overflow:hidden;line-height:2rem;max-height:8rem;-webkit-box-orient:vertical;display:block;display:-webkit-box;overflow:hidden!important;text-overflow:ellipsis;-webkit-line-clamp:1;text-align:center;position:absolute;bottom:50px;left:10%}.top-article-title a{color:#fff;text-decoration:none}.top-article-name{font-weight:700;color:#000;position:absolute;bottom:-20px;text-align:left;background-color:#fff;padding:10px;letter-spacing:1.2px;text-transform:uppercase}.top-news-item{position:relative;flex:50% 0;margin-bottom:30px;height:500px}.news-articles{display:flex;flex-wrap:wrap;padding-left:0}.news-item{flex:0 0 33.333333%;margin-bottom:30px;position:relative}.news-item img{width:95%;height:300px;object-fit:cover}.article-description,.article-title{display:block;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;max-height:3.6em;line-height:1.8em;max-width:375px}.article-title a{text-decoration:none;color:#000;text-align:left}.article-description{color:#919090;text-align:left;margin:0 15px!important}.article-date{color:#919090;text-align:left;margin-left:15px!important}.article-date i{margin-right:10px}.share-btn,.share-div{overflow:hidden}.share-btn{margin:0;font-size:12px;padding:0;border:0;cursor:pointer;color:#fff;width:60px;height:60px;display:block;text-transform:none;border-radius:0;background-color:#0078e7;background-image:none;box-shadow:none;position:absolute;right:2.5%;top:47.3%}.share-btn i{position:absolute;font-size:22px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.one{background-color:#fff;border:0 solid #fff;font-weight:700;color:#888;position:absolute;left:10!important;z-index:1}.one:hover{color:red}.two{color:#fff;position:absolute;left:10;transition:all .2s ease-out}.two,.two:hover{background-color:#ba0f16}.three{color:#fff;position:absolute;left:10;transition:all .2s ease-out}.three,.three:hover{background-color:#1d9bf0}.four{color:#fff;position:absolute;left:10;transition:all .2s ease-out}.four,.four:hover{background-color:#1c74e4}.five{color:#fff;position:absolute;left:10;transition:all .2s ease-out}.five,.five:hover{background-color:#3b5997}.share-div:hover .two{top:180px}.share-div:hover .three{top:120px}.share-div:hover .four{top:60px}.share-div:hover .five{top:20px}.footer{padding:50px 0}@media (max-width:998px){.news-item{flex:1 0 50%;margin-bottom:30px;position:relative}}@media (max-width:866px){.brand{margin-left:5px}.brand h3{font-size:15px}.brand img{width:20px}.breaking-news-div p{font-size:14px}.top-news{display:none}.news-articles{flex-flow:column}.article-description,.article-title{max-width:100%;text-align:left;margin-left:0}.article-title{margin:0 10px}.article-date{margin-left:0;margin-top:5px!important}.share-btn{top:50.8%}}@media (max-width:350px){.navigation .menu{display:none}}
/*# sourceMappingURL=main.d68aa272.chunk.css.map */