.linespace {
    height: 10px;
}

.test-div {
    width: 100px;
    height: 200px;
    background-color:black;
}


.general-div {
    color: rgb(0, 0, 0); 
    background-color: rgb(51, 204,
    255);
    width: 80%;
    padding: 8%;
    margin: 0 auto;
    border: 4px solid blueviolet;
    box-sizing: border-box;
    overflow-wrap: break-word;

}
    
.aactable {
    background-color: white;
    width:100%; 
    height:100%; 
}


a:active {color: #ff0000;

}

a:visited {color: #800080;
}


a:link {color: #0000ff;
  
}

.main-header {
    
    align-self: center;
    margin: 0 auto;
    width: 60%;
    border: 4px solid blueviolet;
    box-sizing: border-box;
   }

.font-six {
    font-size: 6px;

}   

.videos {
    width:"1280"; 
    height:"560"; 
}

.images {
    width:"1280"; 
    height:"840"; 
}

.poster {
    width:"100%"; 
    height:"100%"; 
}


.button {
    padding: 5px 15px;
    background: #9210ac;
    border: 0 none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  
}

@media (max-width: 600px) {

    .general-div {

        width: 100%;
        overflow-wrap: break-word;
    }

    .font-six {
    
        font-size: 120%;
       }

    .videos {
        width:100%; 
        height:100%; 
    }

    .images {
        width:100%; 
        height:100%; 
    }

    .poster {
        width:100%; 
        height:100%; 
    }
    .aactable {
        background-color: white;
        width:100%; 
        height:100%; 
    }
}    

@media (min-width: 601px) {

    .general-div {

        width: 100%;
        overflow-wrap: break-word;
    }
    .font-six {
    
        font-size: 140%;
       }
    .videos {
        width:100%; 
        height:100%; 
    }
    .images {
        width:100%; 
        height:100%; 
    }
    .poster {
        width:100%; 
        height:100%; 
    }
    .aactable {
        background-color: white;
        width:100%; 
        height:100%; 
    }
}    
   

@media (min-width: 768px) {

    .general-div {

        width: 100%;
        overflow-wrap: break-word;
    }
    .font-six {
    
        font-size: 160%;
       }
    .videos {
        width:100%; 
        height:100%; 
    }
    .images {
        width:100%; 
        height:100%; 
    }
    .poster {
        width:100%; 
        height:100%; 
    }

    .aactable {
        background-color: white;
        width:100%; 
        height:100%; 
    }
}    
  

@media (min-width: 992px) {

    .general-div {

        width: 100%;
        overflow-wrap: break-word;
    }
    .font-six {
    
        font-size: 180%;
       }
    .videos {
        width:100%; 
        height:100%; 
    }
    .images {
        width:100%; 
        height:100%; 
    }  
    .poster {
        width:100%; 
        height:100%; 
    }

    .aactable {
        background-color: white;
        width:100%; 
        height:100%; 
    }
}    
@media (min-width: 1000px) {

    .general-div {

        width: 100%;
        overflow-wrap: break-word;
    }
    .font-six {
    
        font-size: 200%;
       }
    .videos {
        width:100%; 
        height:100%; 
    }
    .images {
        width:100%; 
        height:100%; 
    }
    .poster {
        width:100%; 
        height:100%; 
    }

    .aactable {
        background-color: white;
        width:100%; 
        height:100%; 
    }

} 
.email {
    direction: rtl;
    unicode-bidi: bidi-override;
}

.status {color: #ff0000;

}