*{box-sizing:border-box;color:#fff;font-family:sans-serif}:root{--primary:#2a7ae4;--black:#000;--blackLighter:#9e9e9e;--grayLight:#f5f5f5;--grayMedium:#e5e5e5;--white:#fff;--frontEnd:#6bd1ff;--backEnd:#00c86f}body{background:#000}main{max-width:900px;margin:auto}ul{padding:0}img{max-width:100%;height:auto}.logo{max-width:200px;margin:50px auto;display:block}label{color:#fff;color:var(--white);position:relative;display:block}label,label span{box-sizing:border-box;font-family:"Roboto",sans-serif}label span{color:#e5e5e5;position:absolute;top:0;left:16px;display:flex;align-items:center;transform-origin:0 0;font-style:normal;font-weight:300;transition:all .1s ease-in-out 0s;transform:scale(.6) translateY(-10px)}input,label span{height:57px;width:100%;font-size:18px}input{color:#f5f5f5;display:block;border-right-style:none;border-left-style:none;border-right-color:initial;border-left-color:initial;margin-bottom:45px;resize:none;background:#53585d;outline:0;border-width:4px 0;border-image:none;border-image:initial;border-top:4px solid transparent;border-bottom:4px solid #53585d;padding:16px;border-radius:4px;transition:border-color .3s ease 0s}button,input{box-sizing:border-box;font-family:"Roboto",sans-serif}button{background:transparent;border:1px solid #fff;color:#fff;cursor:pointer;font-style:normal;font-weight:700;font-size:16px;display:inline-block;padding:16px 24px;outline:none;border-radius:5px;text-decoration:none;transition:opacity .3s ease 0s}input:focus{--primary:#2a7ae4;font-family:"Roboto",sans-serif;color:#f5f5f5;display:block;width:100%;height:57px;font-size:18px;border-right-style:none;border-left-style:none;border-right-color:initial;border-left-color:initial;margin-bottom:45px;resize:none;background:#53585d;outline:0;border-width:4px 0;border-image:none;border-image:initial;border-top:4px solid transparent;padding:16px;border-radius:4px;transition:border-color .3s ease 0s;border-bottom:4px solid #2a7ae4;border-bottom-color:var(--primary)}.listaDeVideos{margin-bottom:100px}.listaDeVideos ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:16px}.card{max-width:314px;margin:auto;width:100%;height:197px;display:block;border:2px solid #2a7ae4;border:2px solid var(--primary);border-radius:10px;position:relative;background-size:cover;background-position:50%;overflow:hidden}.card:after{content:"";top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);z-index:1}.card .titulo,.card:after{position:absolute;opacity:0;transition:.3s}.card .titulo{margin:0;left:10px;bottom:10px;z-index:10;font-weight:700}.card:hover .titulo,.card:hover:after{opacity:1}.Logo{max-width:168px}@media (max-width:800px){.Logo{max-width:105px}}.Menu{width:100%;height:94px;z-index:100;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;padding-left:5%;padding-right:5%;background:var(--black);border-bottom:2px solid var(--primary)}body{--bodyPaddingTop:94px;padding-top:var(--bodyPaddingTop)}@media (max-width:800px){.Menu{height:40px;justify-content:center}body{--bodyPaddingTop:40px;padding-top:var(--bodyPaddingTop)}}.ButtonLink{color:var(--white);border:1px solid var(--white);box-sizing:border-box;cursor:pointer;padding:16px 24px;font-style:normal;font-weight:700;font-size:16px;outline:none;border-radius:5px;text-decoration:none;display:inline-block;transition:opacity .3s}.ButtonLink:focus,.ButtonLink:hover{opacity:.5}@media (max-width:800px){a.ButtonLink{position:fixed;left:0;right:0;bottom:0;background:var(--primary);border-radius:0;border:0;text-align:center}}
/*# sourceMappingURL=main.e7adedc1.chunk.css.map */