html{
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}

body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
}

.container{
    max-width: 600px;

}

.blank_black_board{
    background-color: black;
    width: 500px;
    height: 300px;
    margin-bottom: 20px;
    
}

.record_wrapper{
    max-width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: black; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
    cursor: pointer;
    animation: scale 2s linear infinite;
}

.record{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    /* background-color: black;  */
}

#screenRecording_vid{
    display: none;
}

.play_pause_downlaod_wrapper{
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
}

.pause{
    margin-left: 8px;
    margin-right: 8px;
    /* display: none; */
}


@keyframes scale {
    0%{
        transform: scale(1, 1);
    }
    50%{
        transform: scale(1.2, 1.2);
    }
    100%{
        transform: scale(1.5, 1.5);
    }
  
}