body{background:url(/assets/Protectores_tkd_2-DIRgfOve.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover;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}@font-face{font-family:Road_Rage;src:url(/assets/Road_Rage-Cow_GjBa.otf)}@font-face{font-family:Forque;src:url(/assets/Forque-DrEKgEW_.ttf)}.App{text-align:center;display:flex;height:100%}.body-layout{display:flex;align-items:center;justify-content:center}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(to right,#101010,#151515,#202020,#303030,#434343);border-radius:1%;padding:30px;margin:10px}.container>img{max-width:120px;margin-right:30px;margin-bottom:30px}@media screen and (min-width: 600px){.container{flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;align-items:center}.app-layout-container{display:flex}}.body-layout{display:flex}@media screen and (min-width: 600px){.body-layout{flex-direction:row;justify-content:space-evenly;align-items:stretch}}@media screen and (max-width: 900px){.body-layout{flex-wrap:wrap;flex-direction:initial;justify-content:space-evenly;align-items:stretch}}.home-layout{flex-grow:1}.tabla{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:30px;background-color:#58565680}.header{width:100%;background-color:#000;height:auto;justify-items:center;border-radius:30px;margin-bottom:20px;padding:300px 1px 1px}.headerCuadroInterno{height:auto;background:#fff;color:#000;width:100%;flex:1;display:flex;flex-direction:column;align-items:center;padding-bottom:20px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;border-style:solid;border-width:1}.userImage{border-width:.5px;border-style:solid;width:400px;height:400px;margin-top:-250px;margin-bottom:30px;border-radius:50%;object-fit:cover}.nombreHeader{text-align:center;width:100%;font-size:50px}.cateHeader{text-align:center;width:100%;font-size:35px}.cuepoLibreta{height:auto;background:#fff;width:100%;border-radius:10px;border-width:1px;border-style:solid}.cateExamen{width:100%;font-size:6vw;align-content:center;text-align:center;text-transform:uppercase}.infoExamen{width:100%;margin-top:10px;font-size:medium;align-content:center;text-align:center;text-transform:uppercase;font-weight:700}.nombreNota{margin-left:20px;margin-top:5px;margin-bottom:5px;border-bottom-width:5px;border-bottom-style:solid;width:80%;height:55px;font-size:18px;align-content:center;text-align:initial;text-transform:uppercase}.notaNota{width:60px;height:60px;border-radius:15px;border-width:5px;border-style:solid;border-color:#000;margin:5px 20px 5px -5px;color:#00f;font-size:35px;font-weight:700;align-content:center;text-align:center}.nombrePromedio{width:100%;height:55px;font-size:18px;align-content:center;text-align:center;text-transform:uppercase}.notaPromedio{border-radius:20px;margin-bottom:5px;border-width:5px;border-style:solid;width:150px;height:150px;font-size:50px;align-content:center;text-align:center;text-transform:uppercase}.observa{width:80%;min-height:150px;margin-top:50px;border-width:5px;border-radius:20px;border-style:solid}.cajaPromedio{width:90%;min-height:150px;margin-top:20px;align-items:center;display:flex;flex-direction:row}.cajaNombrePromedio{width:20%;margin-Top:5px;margin-Bottom:5px;align-Items:center;justify-content:center;justify-items:center}@media screen and (max-width: 800px){.header{width:90vw;margin-bottom:5px;padding:10px .5px .5px}.headerCuadroInterno{margin-top:100px;height:200px;background:#fff;color:#000;width:100%;flex:1;display:flex;flex-direction:column;align-items:center;align-content:center}.userImage{width:50vw;height:50vw;margin-top:-25vw}.nombreHeader{text-align:center;width:100%;font-size:x-large}.cateHeader{text-align:center;width:100%;font-size:large}.cateExamen{width:100%;align-content:center;text-align:center;text-transform:uppercase;font-weight:700}.infoExamen{width:100%;font-size:medium;align-content:center;text-align:center;text-transform:uppercase;font-weight:700}.cajaPromedio{width:100%;min-height:50px;margin-top:10px;align-items:center;display:flex;flex-direction:column}.observa{width:90%;min-height:80px;margin-top:50px}.notaPromedio{margin-bottom:0;width:100px;height:100px;font-size:40px}.nombrePromedio{width:100%;height:40px;font-size:18px;align-content:center;text-align:center;text-transform:uppercase}.cajaNombrePromedio{width:100%}}