.content{
    display: grid;
    grid-template: repeat(2 ,1fr)/80% 20% ;
    gap:30px;
    padding: 10px 20px 10px 20px;
    background: #f7ffff;
background: radial-gradient(circle, rgba(247, 255, 255, 1) 0%, rgba(247, 255, 255, 1) 100%);
}
.Projects-Grid{
    grid-area:1/1/3/2 ;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin:10px;
    
}

.Project-title{
    font-weight: Bold;
    font-size: 20px;    
}

.Projects-Container{
    display: grid;
    grid-template:repeat(3, minmax(150px, 1fr))/repeat(2, 1fr) ;
    gap:30px;
    margin:10px 10px 10px 10px;

}

.Projects-Container div{
    border:2px solid black;
    display: flex;
    flex-flow: column wrap;
    padding:20px 20px;
    border-left:4px solid black;
    border-radius: 10px;
    color:black;
    box-shadow: 0 4px 10px rgba(0,0,0,0.6);
    background: #e6ffff;
    background: linear-gradient(180deg, rgba(230, 255, 255, 1) 0%, rgba(228, 247, 247, 1) 100%);
}
.Projects .Title{
    font-size: 20px;
    font-weight: bold ;
}

.NewAnnouncement{
    grid-area:1/2/2/3 ;
}
.NewAnnouncement p{
    font-weight: Bold;
    font-size: 20px;
}
.Announcement-Container{
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
    gap:20px;
    margin:20px;
    border:2px solid black;
    border-radius: 10px;
    border-left:4px solid black;
    border-radius: 10px;
     background: #e6ffff;
background: linear-gradient(180deg, rgba(230, 255, 255, 1) 0%, rgba(228, 247, 247, 1) 100%);
    box-shadow: 0 4px 10px rgba(0,0,0,0.6);

    
}

.Announcement{
    border-bottom: 2px solid black;
}

.Motivation{
    grid-area: 2/2/3/3;
}

.Motivation p{
    font-weight: Bold;
    font-size: 20px;
}

.Motivational-Quotes{
    border-radius: 10px;
}

.Motivational-quotes{
     display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: flex-start;
    padding: 30px;
    gap:20px;
    margin:20px;
    border:2px solid black;
    border-radius: 10px;
    border-left:4px solid black;
    border-radius: 10px;
     background: #e6ffff;
background: linear-gradient(180deg, rgba(230, 255, 255, 1) 0%, rgba(228, 247, 247, 1) 100%);
    box-shadow: 0 4px 10px rgba(0,0,0,0.6);

    
}

.Quotes{
    border-bottom: 2px solid black;
}