@import url(reset.css);

ul {
    list-style-type: none;
    overflow: hidden;
    color: gray;
}
  
li {
    float: right;

  }
  
li a {
    display: block;
    margin: 50px;
    text-decoration: none;  
    color: black;
}
footer {
    text-align: center;
}
nav {
    position: fixed;
    right: 0;
}
main {
    display: grid;
    grid-template-areas:    
    '1Text 1Policy 1image'
    '2image 2Policy 2Text'
    '3Text 3Policy 3image'
    '4image 4Policy 4Text'
    '5Text 5Policy 5image';
    gap: 5px;
    margin-bottom: 150px;

}
article {
    padding: 20px;
}
main > * {
    border-radius: 10px;
}
.image1 {
    grid-area: 1image;
}
.policy1 {
    grid-area: 1policy;
    font-size: 20px; 
}
.text1 {
    grid-area: 1text;
    font-size: 12px; 
}
.image2 {
    grid-area: 2image;
}
.policy2 {
    grid-area: 2policy;
    font-size: 20px; 
}
.text2 {
    grid-area: 2text;
    font-size: 12px; 
}
.image3 {
    grid-area: 3image;
}
.policy3 {
    grid-area: 3policy;
    font-size: 20px; 
}
.text3 {
    grid-area: 3text;
    font-size: 12px; 
}
.image4 {
    grid-area: 4image;
}
.policy4 {
    grid-area: 4policy;
    font-size: 20px; 
}
.text4 {
    grid-area: 4text;
    font-size: 12px; 
}
.image5 {
    grid-area: 5image;
}
.policy5 {
    grid-area: 5policy;
    font-size: 20px; 
}
.text5 {
    grid-area: 5text;
    font-size: 12px; 
}
body {
    background-color: #f5b13a;
}