events.css

.comppage{
    margin:auto;
    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;
    color:aliceblue;
    -webkit-font-smoothing: antialiased;
    display: flex;
    flex-direction: column;
    min-height: 80vh;
  
  }
  .blogtitle{
    color:aliceblue;
    background-image: url(./Images/purple.jpg);
    height: auto;
    padding-left: 15%;
  }
  #heading{
    font-size: 60px;
    font-weight: 900;
    margin-left: 0;
    padding: 10px;
    padding-left: 80px;
  }
  .eventhead{
    font-size: 50px;
    font-weight: 900;
    margin-left: 5%;
  }

  .eventsubheading{
    font-size: 23px;
    font-weight: 900;
    margin-left: 5%;
  }
  .subheading{
    font-size: 30px;
    font-weight: 900;
    margin-left: 0;
  
  }
  .date{
    font-size:20px;
    font-weight: 700;
  }
  .read{
    font-size:15px;
    font-weight: 500;
  }
  
  .contentcontainer{
    padding-left:5%;
    padding-right:5%;
    
    text-align: justify;
  }
  .anevent{
    margin-left:5%;
    border:10px double blueviolet;
    border-radius: 40px;
    padding-left: 10%;
    padding-top: 10px;
    background-color: rgb(0, 7, 54);
    color:azure;
    margin-top: 15px;
    padding-bottom:10px;
    
  }

  .anevent:hover{
    transform: translate(5%,0%);
    color:aquamarine
  }
  a{
    text-decoration: none;
  }
  
  
  
  @media screen and (max-width:820px){
    #heading{
      font-size: 30px;
    font-weight: 900;
    margin-left: 0;
    padding: 10px;
    padding-left: 80px;
    }
    .comppage{
      padding: 35px;
    }
    .contentcontainer {
      padding-left: 5%;
      padding-right: 5%;
      text-align: justify;
      font-size: 14px;
    }
    .eventhead {
      font-size: 35px;
    }
    .eventsubheading {
      font-size: 23px;
    }
  }
  @media only screen and (max-width:520px){
    #heading{
      padding: 10px;
      padding-left: 44px;
      font-size: 1.6rem;
    }
    .subheading{
      font-size: 18px;
      font-weight: 900;
      margin-left: 0;
    
    }
    .date {
      font-size: 14px;
      font-weight: 700;
  }
  .read {
    font-size: 10px;
    font-weight: 500;
}
.anevent {
  border-radius: 22px;
  padding-bottom:10px;
}
.eventsubheading {
  font-size: 17px;
}
  }
  
  
  /*.background{
  background-image: url(images/bg.png);
  margin:0%;
  padding:0%;
  background-size:cover;
  
  }
  
  
  .arrow{
  color: white;
  font-size: 25px;
  margin-left: 20px;
  text-decoration:none;
  }
  
  .back{
  color:white;
  font-size: 20px;
  
  }
  
  .blog-topic{
  color: white;
  font-size: 30px;
  margin-left: 40px;
  font-family: Georgia, 'Times New Roman', Times, serif;
  margin-top: 70px;
  line-height:0.1;
  }
  
  .topic-bg{
  background-image:url(images/coding2.0.png);
  height:250px;
  width:1000px;
  margin:auto;
  position: relative;
  border-radius: 10px;
  border: 1.5px solid white;
  justify-content: center;
  
  }
  
  .author-date{
  margin-top: 50px;
  color: white;
  margin-left:40px;
  font-size: 20px;
  border: 2px;
  display:inline-block;
  }
  
  .blog-content{
  margin:auto;
  background-image: url(images/bg.jpg);
  width:1000px;
  height:100%;
  border-radius: 10px;
  border: 1.5px solid aqua;
  
  
  }
  
  .content{
  margin-left:20px;
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size:18px;
  color:white;
  margin-bottom: 20px;
  line-height: 1.5rem;
  margin-right: 20px;
  }
  
  .round-edge{
  border-radius: 20%;
  
  }
  
  .image-frame {
      width: 50px; /* Adjust the width and height to your desired size */
      /*height: 50px;
      border-radius: 50%; /* Make the frame round by setting the border-radius to 50% */
     /* overflow:hidden; /* Hide any overflow of the image */
     /* border: 1.5px solid white;
      display:inline-block;
    }
  
    .align{
      display: inline-block;
    }
  
    .shift-right{
  
      text-align:center;
      margin-top:40px;
    }*/