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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{padding-bottom:2em;text-align:center}.App-header{background-color:#fc0;border:1px solid #000;padding:2em;width:100vw}.videoContainer{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(5,1fr);margin:0 1em}.rating{align-items:baseline;display:flex;gap:.5em;margin-left:.3em}.singleVideo{border:.5px solid #d3d3d3;box-shadow:5px 1px 15px 1px #fc0}.singleVideo h5{font-size:1em;padding:.5em}.singleVideo p{align-items:center;display:flex;justify-content:space-around}.trash{color:red;cursor:pointer}.videoFrame{width:100%}.i-focus:focus-within{outline:5px solid red}.addVideo{padding:2em}.addVideo input{margin-right:1em}.addVideo input:focus{outline:2px solid #fc0}.addVideo button{background-color:#fc0}.t-up{color:#26a269}.t-down,.t-up{cursor:pointer}.red-failure,.t-down{color:#c01c28}.search-add{align-items:baseline;display:flex;justify-content:space-around}.search input{border:.2px solid gray;margin-left:.5em}.search input:focus{outline:2px solid #fc0}.search button{background-color:#fc0}form{display:flex}@media screen and (max-width:1240px){.videoContainer{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(3,1fr);margin:0 1em}.search-add{align-items:baseline;display:flex;justify-content:space-around}}@media screen and (max-width:900px){.videoContainer{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(2,1fr);margin:0 1em}.search-add{align-items:baseline;display:flex;justify-content:space-around}}@media screen and (max-width:640px){.videoContainer{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(2,1fr);margin:0 1em}.search-add{align-items:center;display:flex;flex-direction:column;justify-content:space-around}}@media screen and (max-width:520px){.videoContainer{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(1,1fr);margin:0 1em}.search-add{align-items:center;display:flex;flex-direction:column;justify-content:space-around}}
/*# sourceMappingURL=main.16efc239.css.map*/