*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}body{text-rendering:optimizeSpeed;font-size:16px;line-height:1.5;min-height:100vh}a{text-decoration:none}li{list-style:none}.App{background-color:#fdf8f7;flex-direction:column;font-family:Roboto Flex,sans-serif;min-height:100vh}.App,.navbar{display:flex;width:100%}.navbar{background-color:#212121;min-height:40px}header{position:relative}.logo-wrapper{align-items:center;color:red;display:flex;height:100%;justify-content:center;left:1%;position:absolute}.logo-wrapper svg{font-size:2rem}.logo-text{color:#fdf8f7;font-size:.8rem;font-weight:700;margin-left:10px}.navbar-paths{display:flex;flex-direction:column;padding-right:10px;width:50%}.navbar .navbar-paths{flex-direction:row}.badge-wrapper{margin:10px auto auto;padding:5px}.container{margin:auto;min-height:95vh;padding-bottom:50px;padding-top:100px;position:relative;width:90%}.homepage-description-text{line-height:2rem;padding:1rem;text-align:center}#countries{background-color:#212121;min-height:100px;width:100%}.searchbar-container{box-shadow:0 5px 4px rgba(0,0,0,.8),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);width:100%}.active{border-bottom:2px solid #ef5350;display:inline-block}.select-active,.select-not-active{display:flex;flex-direction:column}.select-not-active{justify-content:center;min-height:95vh}.input-field-container{background-color:#181818;color:#000;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin:auto;min-height:100px;opacity:.8;padding:20px}.country-select{margin:auto;padding:10px;text-align:center;width:60%}.results-number-select{width:35%}.homepage-image{height:450px;object-fit:cover;object-position:center;width:100%}.started-btn-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;min-height:100px;width:100%}.video-img-wrapper{margin:auto;position:relative}.play-icon-wrapper{align-content:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center;position:absolute;width:100%;z-index:1}.play-icon-wrapper svg{color:#fdf8f7;font-size:3.5rem}.play-icon-wrapper svg:hover{font-size:4rem}.watch-later-btn-wrapper{border:1px solid #ef5350;cursor:pointer;display:flex;font-size:1.1rem;padding:2px;right:10px;z-index:1}.video-duration,.watch-later-btn-wrapper{background-color:#000;color:oldlace;opacity:.7;position:absolute;top:10px}.video-duration{left:10px}.watch-later-list-player{background-color:#181818;display:flex;flex-wrap:wrap;min-height:100%;position:relative;width:100%}.video-frame-wrapper{margin-bottom:30px;margin-left:auto;margin-right:auto;padding-bottom:56.25%;position:relative;width:87%}.video-frame-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.video-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.watch-later-list{background-color:#282828;border:1px solid #000;display:flex;flex-direction:column;flex-wrap:wrap;height:30vh;overflow:auto;padding:5px;position:relative;width:100%}.watch-later-list-element{background-color:#404040;color:#fdf8f7;cursor:pointer;display:flex;height:100%;margin-right:10px;position:relative;width:100%}.watch-later-list-element-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:center;width:100%}.watch-later-list-element-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:1rem;line-height:1rem;max-height:20%;overflow:hidden;padding-left:5px;padding-right:5px;padding-top:5px}.watch-later-list-element-image{height:80%;object-fit:contain;width:90%}.trend-videos-container{background-color:#181818;color:#fdf8f7;height:80vh;margin-top:20px;overflow:auto;padding:10px}.video-card-wrapper{background-color:#404040;display:flex;flex-direction:row;flex-wrap:wrap;font-size:.7rem;margin-bottom:10px;padding:10px;position:relative}.video-img-wrapper img{height:auto;width:100%}.video-duration{color:#ef5350}.selected-video-page-container{background-color:#282828;min-height:100vh;padding-bottom:40px;padding-top:100px}.close-icon-wrapper{display:flex;justify-content:flex-end;padding-right:5%;padding-top:5%}.close-icon-wrapper svg{color:#fdf8f7;font-size:2rem}.footer-container{background-color:#121212;color:#fdf8f7;display:flex;flex-direction:column;min-height:50px}.copyright-wrapper{align-items:center;font-size:.9rem;font-weight:700}.contact-wrapper,.copyright-wrapper{display:flex;justify-content:center;width:100%}.contact-wrapper{flex-direction:row}.contact-wrapper li{margin-right:1rem}@media (min-width:600px){.homepage-description-text{font-size:1.3rem;line-height:2rem;padding:1rem;text-align:center}.results-number-select{width:15%}.video-details-wrapper{overflow:hidden;width:100%}.watch-later-list{background-color:#282828;display:flex;flex-direction:column;flex-wrap:wrap;height:200px;overflow:auto;position:relative;width:100%}.watch-later-list-element{background-color:#404040;color:#fdf8f7;position:relative;width:50%}.watch-later-list-element-wrapper{display:flex;flex-direction:column}.watch-later-list-element-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:1rem;line-height:1.5rem;max-height:20%;overflow:hidden;padding:5px;text-align:center}.watch-later-list-element-image{height:80%;object-fit:contain;width:90%}.watch-later-list-player{background-color:#181818;display:flex;flex-wrap:wrap;justify-content:flex-end;min-height:100%;position:relative;width:100%}.country-select{margin:auto;padding:10px;text-align:center;width:80%}.video-frame-wrapper{height:0;padding-bottom:56.25%;position:relative;width:80%}.video-frame-wrapper iframe{height:80%;left:0;position:absolute;top:0;width:80%}.footer-container{flex-direction:row}.contact-wrapper,.copyright-wrapper{width:50%}.contact-wrapper li{margin-right:1rem}}@media (min-width:1000px){.homepage-description-text{font-size:1.3rem;line-height:2rem;margin-top:50%;padding:1rem;text-align:center}.country-select{margin:auto;padding:10px;text-align:center;width:80%}.results-number-select{width:15%}.video-card-wrapper{background-color:#404040;display:flex;flex-direction:row;flex-wrap:wrap;font-size:1rem;margin-bottom:10px;padding:10px;position:relative}.video-img-wrapper{position:relative;width:30%}.video-img-wrapper img{height:100%;object-fit:cover;width:100%}.video-details-wrapper{padding:10px;width:70%}.video-duration{background-color:#000;border-radius:7px;color:#fdf8f7;left:10px;opacity:.8;padding-left:10px;padding-right:10px;position:absolute;top:10px}.video-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.video-details-info span{font-size:.85rem;margin-right:10px}.channel-title,.publishing-time,.view-count{margin-left:10px;margin-right:10px}.watch-trends-wrapper{display:flex}.watch-trends-image-wrapper{width:70%}.explore-trends-wrapper,.watch-later-wrapper{display:flex;flex-direction:row-reverse;flex-wrap:wrap}.explore-trends-image-wrapper,.watch-later-image-wrapper{display:flex;justify-content:flex-end;width:70%}.homepage-image-wrapper{padding-bottom:1rem;padding-top:1rem}.homepage-image{border-radius:2%;box-shadow:0 2px 4px 0 rgba(14,30,37,.12),0 2px 7px 4px rgba(14,30,37,.32);height:500px;object-fit:cover;object-position:center;width:70%}.watch-later-demo,.watch-trends-demo{width:30%}.trend-videos-container{background-color:#181818;color:#fdf8f7;height:80vh;margin-top:20px;overflow:auto;padding:10px}.video-frame-wrapper{height:0;padding-bottom:56.25%;position:relative;width:65%}.video-frame-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.watch-later-list-player{background-color:#181818;justify-content:space-around;min-height:100%;width:100%}.watch-later-list,.watch-later-list-player{display:flex;flex-wrap:wrap;padding:10px;position:relative}.watch-later-list{background-color:#282828;flex-direction:row;height:80vh;overflow:auto;width:30%}.watch-later-list-element{align-content:flex-start;background-color:#404040;color:#fdf8f7;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 0 10px;padding:10px;position:relative;width:100%}.watch-later-list-element,.watch-later-list-element-wrapper{display:flex;flex-direction:column}.watch-later-list-element-wrapper .watch-later-btn-wrapper{top:50%}.watch-later-list-element-title{font-size:1rem}.watch-later-list-element-image{height:80%;margin:auto;object-fit:cover;width:100%}.footer-container{flex-direction:row}.copyright-wrapper{align-items:center;display:flex;font-size:.9rem;font-weight:700;justify-content:center;width:50%}.contact-wrapper li{margin-right:1rem}}
/*# sourceMappingURL=main.7bac239f.css.map*/