.container {
    display: grid;
    align-items: center; 
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 5px;
    background-color: #197278;
    border-radius: 10px;
    padding: 25px;
    margin: 100px;

}
.text {
    margin: 15px;

}
.footer{
    background-color: #197278;
}
.portfolio_home {
    background-color: 283D3B;
}
*{
    color:#EDDDD4
}
header{
    background-color: #197278;
    grid-area: 1 / 1 / 2 / 2;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;

}
header h1{
	width: 80%;
}

nav ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
}
nav ul li{
	margin: 0px 20px;
}



.body{
    background-color:#283D3B ;
}
#i1{
    max-width: 100%;
    max-height: 100%;
}
#i2{
    max-width: 100%;
    max-height: 100%;
}
.calistoga-regular {
    font-family: "Calistoga", serif;
    font-weight: 400;
    font-style: normal;
  }
html{
    font-family: "Calistoga", serif;
    font-weight: 400;
    font-style:normal;

}
p{
    font-family: "Inter", sans-serif;
} 
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*Layout styles*/