body {
    font-family: monospace;
    background-color: #1a1726;
    overflow: hidden;
}

.maincontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
   height: 90vh; 
   /* height: 700px; */
    width: 100vw;
    overflow: hidden;
    margin: -1rem;
}

.glowing{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
     flex-direction: row;
    width: 600px;
    height: 450px;
    background-color: #302a53;
    -webkit-box-shadow:0px 0px 47px 80px #302a53;
    -moz-box-shadow: 0px 0px 47px 80px #302a53;
    box-shadow: 0px 0px 47px 60px #302a53;
      background: radial-gradient(circle 240px,#47406c, #302a53);
  background-repeat: no-repeat;
    overflow-x: hidden;
}

.item {
    display: flex;
    justify-content: space-around;
    text-align: center;
    width: 30%;
    height: 40%;
    filter: drop-shadow(-10px 10px 5px #000000);
    
}

.maintext{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bolder;
    font-size: 22px;
    text-align: center;
    color: #bac00a;
    text-shadow: rgba(0,0,0,0.9) 0px 0px 10px;
}

.abouttext {
   width: 100%;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bolder;
    font-size: 12px;
    text-align: center;
    color: #bac00a;
    text-shadow: rgba(0,0,0,0.9) 0px 0px 10px;
}
img {
    max-width: 100%;
    max-height: 100%;

    
}

#aboutlink{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bolder;
    font-size: 12px;
    text-align: center;
    color: #bac00a;
    text-shadow: rgba(0,0,0,0.9) 0px 0px 10px;
}

.aboutcontainer
{

    
    overflow: hidden;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 16px;
    text-align: left;
    color: #bac00a;
    text-shadow: rgba(0,0,0,0.9) 0px 0px 10px;
}