@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "poppins", sans-serif;
}

body{
    background: linear-gradient(#fff,#cc1b1b8c);

    height: 100vh;
}

.logo img{
    padding: 10px;
    width: 280px;
    background-attachment: fixed;
  display:flex;
  margin:auto;
}

.text{
    color: #c83427;
    font-size: 17px;
    letter-spacing: 1px;
    display: flex;
    justify-content:center;
     margin-top: 15px;
    margin-bottom: 15px;
}

.text h1{
    font-weight: 700;
}




.text h1 span{
    color: #c83427;
}

 .line {
    margin-top: 15px;
  margin:auto;
    background: #c83427;
    width: 320px;
    height: 1px;
    margin-bottom:20px;
    box-shadow:1px 1px 8px #c83427;
}

.vid4{
    margin-top:30px;
 width: 300px;
 display:flex;
 margin:auto;
 box-shadow: 1px 1px 15px black;
  }
  




@media only screen and (max-width: 750px){

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "poppins", sans-serif;
}

body{
    background: linear-gradient(#fff,#cc1b1b8c);

    height: 100vh;
}

.logo img{
    padding: 10px;
    width: 280px;
    background-attachment: fixed;
    display:flex;
    margin:auto;
  
}

.text{
    color: #c83427;
    font-size: 15px;
    letter-spacing: 1px;
    display: flex;
    justify-content:center;
     margin-top: 15px;
    margin-bottom: 15px;
}

.text h1{
    font-weight: 700;
}




.text h1 span{
    color: #c83427;
}

 .line {
    margin-top: 15px;
    margin:auto;
   margin-bottom:30px;
    background: #c83427;
    width: 310px;
    height: 1px;
}

.vid4{
   display:flex;
   margin:auto;
 width: 300px;
 box-shadow: 1px 1px 15px black;
  }
  
}