/*header style*/
header {
   text-align: center; 
   padding: 20px;
   background-color: white;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #f9a4de;
}

.header-content {
   display: flex;
   align-items: center;
}

main {
   max-width: 80%;
   margin: auto;
}
/* Layout utility classes */
.block {
   display: block;
}
.block-center {
   margin: auto;
}

/* Text utility classes */
.text-center {
   text-align: center;
}
.text-bold {
   font-weight: bold;
}

.color-darkpink {
   color: #632245;
}

/*image and Header in one line*/
.header-content img {
   float: left;
   object-fit: contain;
   margin-right: 10px;
}

header h1 {
  margin: 0;
  position: relative;
  color: #f9a4de;
  font-size: 80px; /* adjust font size as needed */
  top: 18px;
  left: 10px;
}


/*navigation menu style*/
nav {
   text-align: center;
   Padding: 10px;
}
/*navigation buttons*/
nav a {
   display: inline-block;
   text-decoration: none;
   font-size: 1.5rem;
   color: inherit;
   margin: 0 15px
}
nav a.current {
   font-weight: bold;
   border-bottom: solid 2px;
}
/*creating the two-column layout*/
*{
   box-sizing: border-box;
}
.row {
   display: flex;
   flex-wrap: wrap;
}
.post-text-box {
   flex: 70%;
   padding: 20px;
}
.profile {
   flex: 70%;
   padding: 20px;
}
/*profile image and heading style*/
.profile img {
   width: 120px;
   display: block;
   margin-left: 0;
   margin-right: 0;
}
.profile h1 {
   text-align: center;
}

.about {
   color: #632245;
}

.announcements {
   color: #632245;
}

body{
   background-color: #fcd2ee;}

footer {
  color: #632245;
  max-width: 80%;
   margin: auto;
}

.footer{
padding:30px 0px;
font-family: 'Play', sans-serif;
text-align:center;
}

.footer .row{
width:100%;
margin:1% 0%;
padding:0.6% 0%;
color:#f9a4de;
font-size:0.8em;
}

.footer .row a{
text-decoration:none;
color:#f9a4de;
transition:0.5s;
}


.footer .row a i{
font-size:2em;
margin:0% 1%;
}

@media (max-width:720px){
.footer{
text-align:left;
padding:5%;
}
.footer .row a i{
margin:0% 3%;
}
}

.contact{
color:#632245;
}

.board{
   color:#632245;
   text-align:center;
}