#navbar
{
    background-color:#80cbc4 ;    
}
.brand-logo
{
    color:white;
    font-weight:bold;
}
body
{
    background-color: white   ;
}
svg 
{
    position: absolute;
    top: 0;
    left: 0;
}
.line 
{
    stroke: blue;
    stroke-width: 0.7px;
    stroke-linecap: square;
}
.handle {
    fill:#2196f3   ;
    pointer-events: all;
    stroke: #2196f3   ;
    stroke-width: 100px;
    cursor: move;
    opacity: 0.8;
}
audio
{
    margin:auto;
}
.main-div{
    margin:auto;
    width:90%!important;
    padding: 10px;
}
.div_text
{
    background-color:green;
    margin:auto;
    width:90%;
}

.language,.shot,.crop,.record,.thanks{
    display:flex;
    flex-direction:column;
    padding:2px;
    height:100%;
}
.flags{
    display:flex;
    flex-direction:row;
    justify-content: space-around;

    height:50%;
}
.flag{
    margin:auto 20px;
    height:150px;
    width:200px;
}
.changing_text{
    height:50%;
    font-size:10vw;
}

#shot_card,#crop_card,#record_card{
    
    width:100%;
    height:70%;
    margin-top:100px;
    
}
#shot_card_content,#crop_card_content,#record_card_content
{
    min-height: 75%;
}
.shot_video {
    max-height:400px;
}
.card-action{
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    height:25%;
}
.button_text
{
    display:flex;
    flex-direction:column;
    justify-content:center;
    
    
}
.button
{
    display:flex;
    user-select: none;
    flex-direction:column;
    justify-content:center;
    border-radius: 10px;
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.20);
    
    margin:auto;
    height:70%!important;
    width:40%!important;

    font-size:3vw;
    color:#ffab40;
    text-transform: uppercase;
}
.shot_validation,.crop_validation,.record_validation
{
    height:100%;
    width:100%;

    display:flex;
    flex-direction:row;
    justify-content:center;
}
.shot_shot,.shot_restart,.shot_next,.crop_restart,.crop_crop,.record_start,.record_restart,.record_next
{

}
.shot_shot,.shot_next,.crop_crop,.record_start,.record_next
{
    align-content:center;
    background-color:#2196f3;
}
.shot_restart,.crop_restart,.record_restart
{
    background-color:#d50000!important;
}
.shot_help,.crop_help,.record_help{
    margin:auto;
    font-size:4vw;
}
#record_sound
{
    margin:auto;
}
#record_card_sound
{
    padding-top:0px;
    margin:auto;
}
.thanks_all
{
    margin:auto;
}
.thanks_title
{
    font-size:5vw;
}
.thanks_message
{
    font-size:4vw;
    margin:100px auto;
}
.thanks_conclusion
{
    font-size:3vw;
}