@import url(https://fonts.googleapis.com/css?family=Roboto:100,300i,400,700&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{font-family:Roboto,sans-serif}.App{background:#f5f8fa;overflow-x:hidden;min-height:100vh}.App,.Clip{position:relative}.Clip{display:inline-flex;flex-direction:column;align-items:center;list-style-type:none;margin:.4rem}.Clip .close{display:flex;justify-content:center;align-items:center;color:grey;height:2.7rem;width:100%;font-size:1.5rem;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.Clip .close:hover{cursor:pointer;background:#dc143c;color:#fff;border:none}.Clip .vid-container{margin:.5rem}.Clip .vid-container .vid-placeholder{width:640px;height:360px;background-color:coral}.Clip .download-container{display:flex;justify-content:space-around;width:20rem}.Clip .download-container .download{text-decoration:none;border:2px solid purple;border-radius:.3rem;padding:.4rem;color:purple;background:transparent;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin:.2rem 0;font-weight:700}.Clip .download-container .download:hover{background:purple;color:#fff}.Clips{display:grid;grid-template-columns:1fr 1fr;min-height:10rem;max-width:100vw;overflow-x:hidden;padding-top:1.5rem;padding-bottom:7rem}@media only screen and (max-width:1100px){.Clips{grid-template-columns:1fr}}.Header{background:#5108bf;background:linear-gradient(356deg,#5108bf,#8857c1 44%,#441671);height:15rem;padding:1rem}.Header h1{font-size:4rem;font-weight:700;letter-spacing:.03rem;padding-top:4rem}.Header h1,.Header h2{color:#fff;text-align:center}.Header h2{font-weight:300;font-size:1.4rem;margin-top:1.3rem}.Footer{width:100vw;display:flex;justify-content:center;align-items:center;height:5rem;background:#3d3b3b;position:absolute;bottom:0}.Footer h3{text-align:center;color:#fff}.Footer h3 a{color:#fff}.Controls{position:relative;margin:-4rem auto 2rem;width:47rem;height:20rem;background:#fff;border-radius:.4rem;padding:.6rem;box-shadow:0 0 2rem .05rem grey}@media only screen and (max-width:415px){.Controls{width:20rem;height:30rem;display:flex;flex-direction:column;align-items:center;margin-top:-.4rem}}.Controls h4{font-size:1.4rem;margin-bottom:3rem}.Controls h4,.Controls h5{text-align:center;color:#6c757d}.Controls h5{margin-bottom:1.8rem}.Controls .games{position:absolute;left:3rem;width:15rem}@media only screen and (max-width:415px){.Controls .games{position:static}}.Controls .games .game-title{margin-bottom:.7rem}.Controls .games .games-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:.4rem}.Controls .games .games-container button{font-size:1rem}.Controls .games .games-container button:hover{cursor:pointer}.Controls .games .games-container .active{color:#fff;background:purple;border:none;font-weight:700}.Controls .clip-count{width:15rem;position:absolute;right:3rem}@media only screen and (max-width:415px){.Controls .clip-count{position:static;margin-top:3rem}}.Controls .clip-count input{margin:0 auto;display:block;font-size:1.4rem;color:#6c757d}.Controls .clip-count p{text-align:center;margin-bottom:1.5rem}.Controls .clip-count p,.Controls .load{font-size:2rem;color:purple;font-weight:700}.Controls .load{position:absolute;bottom:3rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:2px solid purple;border-radius:.2rem;width:20rem;height:3rem;letter-spacing:.05rem;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background:transparent}.Controls .load:hover{cursor:pointer;color:#fff;background:purple}
/*# sourceMappingURL=main.d63dfc64.chunk.css.map */