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: #232D4B;
}

.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_login{
    background-color: #F04641;
    border-color: #F04641;
    height: 40px;
    width: 246px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.container_sign_in_with_logo{
    font-family: "Poppins-Medium"; 
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-left: 16px;
}



/* Login- Square*/

.square_logo1{
    width: 8.33vh; 
    height: 8.33vh;
    background-color: #90CAF9;
    border: 2px #90CAF9;
}

.square_logo2{
    width: 8.33vh; 
    height: 8.33vh;
    background-color: #90CAF9;
    border: 2px #90CAF9;
}

.square_logo3{
    width: 8.33vh; 
    height: 8.33vh;
    background-color: #90CAF9;
    border: 2px #90CAF9;
}

.square_logo4{
    width: 8.33vh; 
    height: 8.33vh;
    background-color: #90CAF9;
    border: 2px #90CAF9;
}

.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 logo */

.image_logo_light{
    width: 350px;
    height: 200px;
    min-width: 350px;
    min-height: 200px;
    max-width: 100%;
    max-height: 100%;
}

/* Text */

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

.container_sign_in_to_continue{
    font-family: "Poppins-Regular";
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
}