a {
  text-decoration: none;
}

/* Fonts */

@font-face {
  font-family: "Poppins-SemiBold"; 
  src: url("./Poppins-SemiBold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Poppins-Regular"; 
  src: url("./Poppins-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Poppins-Medium"; 
  src: url("./Poppins-Medium.ttf") format("truetype");
  font-display: swap;
}

.font-poppins-semibold{
    font-family: "Poppins-SemiBold";
}
.font-poppins-regular{
    font-family: "Poppins-Regular";
}
.font-poppins-medium{
    font-family: "Poppins-Medium";
}


.main_container_login{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
}

.container_main_all_content {
    position: relative;
    bottom: 70px;
}
@media (max-width: 700px) {
    .container_main_all_content {
        bottom: 0px;
    }
}
@media (max-height: 700px) {
    .container_main_all_content {
        bottom: 0px;
    }
}
.tablet .container_main_all_content,
.phone .container_main_all_content {
    bottom: 0;
} 


.container_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
}

.btn_tlmtry{
    background-color: #4A4A4A;
    border-color: #FFF;
    height: 40px;
    width: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.container_button_tlmtry{
    font-family: "Poppins-Medium"; 
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-left: 0px;
}



/* Login- Square telemetry */

.square_telemetry1{
    width: 8.33vh; 
    height: 8.33vh;
    background-color: #F5A800;
    border: 2px #F5A800;
}

.square_telemetry2{
    width: 8.33vh; 
    height: 8.33vh;
    background-color: #425CC7;
    border: 2px #425CC7;
}

.square_telemetry3{
    width: 8.33vh; 
    height: 8.33vh;
    background-color: #425CC7;
    border: 2px #425CC7;
}

.square_telemetry4{
    width: 8.33vh; 
    height: 8.33vh;
    background-color: #F5A800;
    border: 2px #F5A800;
}

.container_squares_top{
    position: absolute;
    top: 0;
    right: 0;
}
.container_squares_top_up{
    display: flex;
}
.container_squares_top_down{
    display: flex;
    justify-content: flex-end;
}

.container_squares_bottom{
    position: absolute;
    bottom: 0;
    left: 0;
}

/* Image telemetry */

.image_telemetry_light{
    width: 800px;
    height: 100px;
    min-width: 80px;
    min-height: 80px;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

/* Text */

.container_telemtry{
    font-family: "Poppins-SemiBold";
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}