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}#root{font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;background-color:#fff}.error{text-align:center;color:red}button{-webkit-appearance:none;appearance:none}nav{width:100%;height:65px;background-color:red;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}img{padding-top:5px}.home{width:90%;margin:auto;padding-top:20px;padding-bottom:30px;background:#fcf9f9;color:#353535}.home,h1{text-align:center}h1{margin:5px}hr{margin:5px 5px 10px;border:1px solid rgba(162,160,160,.3)}.displayed-vids{display:grid;grid-template-columns:repeat(4,1fr)}ul{padding:0}li{list-style:none;text-align:center}li img{width:90%}.title{font-weight:700}.channel{font-size:smaller}p{margin:2px}@media screen and (max-width:900px){.displayed-vids{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:650px){.displayed-vids{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:450px){.displayed-vids{grid-template-columns:repeat(1,1fr)}}.about-page{width:80%;margin:auto}.about{background:#fcf9f9;font-family:sans-serif;font-size:14.5px;margin:30px;padding:20px;border-radius:8px;overflow:hidden;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.projectTitle{color:red;margin:0}.about img{width:200px}.Angelina img{float:left;padding-right:20px}.Teyanna img{float:right;padding-left:20px}.colabNames{text-align:center}.collaborators{-webkit-align-items:center;align-items:center}.collaborators,.Project{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.Project{font-size:16px}svg{position:center;width:30px;color:#4d648d}svg:hover{-webkit-transform:scale(1.2);transform:scale(1.2);color:#283655}@media screen and (max-width:800px){.about{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.Angelina img{padding-right:0;float:none}.Teyanna img{float:none;padding-left:0}.tey{-webkit-order:-1;order:-1;padding-left:0}.about img{padding-bottom:5px}}.search{display:-webkit-flex;display:flex;width:100%;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-top:10px;margin-bottom:20px}.search input{width:40%;font-size:20px;margin-right:5px}.search button{width:75px}.video-page{width:90%;margin:auto;background:#fcf9f9}.comments,.video-page{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.comments{width:100%;font-family:"Roboto",sans-serif;margin-top:20px;color:#050505;font-weight:700}.h1{margin:20px;color:#353535}.comments h4{text-align:center}.comment-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.submit-comment{width:150px;height:25px;background-color:red;color:#fff;margin:5px;cursor:pointer}.comment-form input{margin-left:5px;margin-right:5px}.input-field{width:400px;height:20px;margin-bottom:5px;resize:none}.comment-list{font-family:"Roboto",sans-serif;list-style:none;margin:0 0 50px;width:80%}.comment-list>li{margin:0 0 20px;padding:20px;border-bottom:1px solid #a9a9a9}.comment-user{width:100%;display:grid;grid-template-columns:1fr 4fr 1fr;padding:20px}.comment-user-avatar{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;word-break:break-word}.comment-user-avatar img{width:40px}.comment-user button{width:150px}.comment-text{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;text-align:left;margin-left:15px;margin-bottom:5px;-webkit-flex-wrap:wrap;flex-wrap:wrap;word-break:break-word}.block-comment-time{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:14px}.delete-button{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.delete-button button{background-color:#0e0303;color:#fff;height:20px;cursor:pointer}button>img{width:20px;height:20px}.like-button{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.like-button button{width:100px;margin:5px;cursor:pointer}.comment-username{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:14px;letter-spacing:1px}.form-buttons{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.dropbtn{background-color:#0e0303;color:#fff;height:20px;cursor:pointer}.avatar-menu{display:grid;grid-template-columns:repeat(6,1fr);padding-top:5px;padding-bottom:5px}.avatar-images:hover{-webkit-transform:scaleY(1.5) scaleX(1.5);transform:scaleY(1.5) scaleX(1.5)}.avatar-images{width:50px;padding:3px}.chosen-avatar{width:25px;margin-right:5px}.update-buttons button{cursor:pointer}@media screen and (max-width:750px){.comment-user{padding:0}.comment{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.comment-user{grid-template-columns:1fr}.comment-text{-webkit-align-items:center;align-items:center}}@media screen and (max-width:700px){.video{width:80%}.video-player{width:100%;max-height:290px}}@media screen and (max-width:580px){.block-comment-time{margin-top:5px;margin-bottom:5px}.delete-button{margin-bottom:5px}.comment-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.comment-form input{margin-bottom:5px}.video-player{width:100%;max-height:200px}}@media screen and (max-width:500px){.input-field{width:250px;width:100%}}@media screen and (max-width:375px){.form-buttons{-webkit-flex-direction:column;flex-direction:column}.avatar-menu{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=main.911a8c72.chunk.css.map */