@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@200&display=swap');
*{
 margin:0;
 padding: 0;
 outline: 0;
 text-decoration:none;
 list-style:none;
 
}



.contenedor{
            justify-content:center;
        align-items:center;
        display:flex;
}

table{

 width: 60%; 
 border-collapse: collapse;
 border-spacing: 0;
 box-shadow: 0 2px 15px rgba(64,64,64,.7);
 border-radius: 12px 12px 0 0;
 overflow: hidden;

}
td , th{
 padding: 15px 20px;
 text-align: center;
  font-family: 'Poppins', sans-serif;
 
 

}
th{
 background-color: #fbbb63;
 color: #fafafa;

 font-weight: 200;
 text-transform: uppercase;

}
tr{
 width: 100%;
 background-color: #fafafa;

}
tr:nth-child(even){
 background-color: #eeeeee;
}

.profilepicture{
     position: absolute;
 width:100%;
 height:100vh;
 z-index:3;
 margin-left:20px;
 margin-top:20px;
}

.profilepicture img {
    
    height:200px;
    width:200px;
    border-radius:50%;
    border:5px solid #fff;
    z-index:3;
}

.NombreInfo {
     position: absolute;
     z-index:3;
      color: #fafafa;
 font-family: 'Open Sans',Sans-serif;
    margin-top:30px;
    margin-left:260px;
}

.checkbox{
    position: absolute;
    margin-left:420px;
    margin-top:93px;
    z-index:3;
}

.Asistencia{
      position: absolute;
    margin-left:258px;
          color: #fafafa;
 font-family: 'Open Sans',Sans-serif;
    margin-top:80px;
    z-index:3;
}

@media screen and (max-width: 1200px) {

table{
 font-size:20px;
 width: 65%; 
 border-collapse: collapse;
 border-spacing: 0;
 box-shadow: 0 2px 15px rgba(64,64,64,.7);
 border-radius: 12px 12px 0 0;
 overflow: hidden;
 font-weight:400;

}

.tImg{
    height:50px;
    width:50px;
}
img{
    height:100px;
    width:100px;
}
input{
    float:right;
}
th{
    font-weight:800;
}
th, td{
    font-size:11.2px;
    padding:5px 0px;
}

.btn{
    font-size:10px;
    height:30px;
    width:40px;
   
}

}

@media screen and (max-width: 762px) {

table{
 font-size:20px;
 width: 65%; 
 border-collapse: collapse;
 border-spacing: 0;
 box-shadow: 0 2px 15px rgba(64,64,64,.7);
 border-radius: 12px 12px 0 0;
 overflow: hidden;
 font-weight:400;

}

.tImg{
    height:50px;
    width:50px;
}

th{
    font-weight:800;
}
th, td{
    font-size:11.2px;
    padding:5px 5px;
}

.btn{
    font-size:10px;
    height:30px;
    width:40px;
   
}

}