* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    background-image:repeating-linear-gradient(#005377,#06a77d );
}
main{
    width: 1200px;
    background-image: repeating-linear-gradient(#F1A208, #D5C67A);
    margin: auto;
    height:700px;
    display:grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap:5px;
    padding-top: 20px;
}
header{
    background-color: #005377;
    margin:none;
}
header{
    width: auto;
    height:auto;
    text-align:center;
    color: #D5C67A;

}
nav{
    display:grid;
    grid-template-rows:1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    height: 30px;
    background-color: #F1A208;
    text-align: center;
    column-gap: 10px;
}
nav div{
    background-color:#005377;
    height: 25px;
    margin-top:2.5px;
    margin-left:10px;
    margin-right: 10px;
    color:#06A77D

}

nav div:hover{
    background-color: #052F5F;
    color:#F1A208;
}
footer{
    background:#D5C67A;
    color:#052F5F;
    text-align: center;
    margin:0%;
    padding-top:10px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
}
main div{
    display:grid;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
}
.portalpage{
    grid-column:1/2;
    grid-row:1/2;
    height: 200px;
    width: 200px;
    margin: auto;
    border-style:solid;
    border-color:#052F5F;
    display:grid;
    text-align:center;
    background-color:#06A77D;
    color:#D5C67A;
    grid-template-rows: 1fr 4fr;
}
.portalpage img{
    grid-row:2/3;
}
.icepage{
    grid-column:2/3;
    grid-row:2/3;
    height: 200px;
    width: 200px;
    margin: auto;
    border-style:solid;
    border-color:#052F5F;
    display:grid;
    text-align:center;
    background-color:#06A77D;
    color:#D5C67A;
    grid-template-rows: 1fr 4fr;
}
.icepage img{
    grid-row: 2/3;
}
.aboutme{
    grid-column:1/2;
    grid-row:3/4;
    height: 200px;
    width: 200px;
    margin:auto;
    border-style:solid;
    border-color:#052F5F;
    display:grid;
    text-align:center;
    background-color:#06A77D;
    color:#D5C67A;
    grid-template-rows: 1fr 4fr;
}
.aboutme img{
    grid-row: 2/3;
}
.wwrpage{
    grid-column:3/4;
    grid-row:1/2;
    height: 200px;
    width: 200px;
    margin: auto;
    border-style:solid;
    border-color:#052F5F;
    display:grid;
    text-align:center;
    background-color:#06A77D;
    color:#D5C67A;
    grid-template-rows: 1fr 4fr;
}
.wwrpage img{
    grid-row: 2/3;
}
.pypage {
    grid-column:3/4;
    grid-row:3/4;
    height: 200px;
    width: 200px;
    margin: auto;
    border-style:solid;
    border-color:#052F5F;
    display:grid;
    text-align:center;
    background-color:#06A77D;
    color:#D5C67A;
    grid-template-rows: 1fr 4fr;
}
main div:hover{
    background-color:#005377;
    color:#F1A208;
    border-color:#052F5F;
    border-style:groove;
}
main div div:hover{
    filter:invert(100%)
}

div p{
    grid-row:5/6;
    grid-column:1/3;
}
main div div{
    grid-row:1/5;
    grid-column:1/3;
}
.iceimage{
    background-image:url(../images/iceimg.jpg);
    background-size:contain;
}
.porimage{
    background-image:url(../images/portal.jpg);
    background-size:contain;
}
.wwrimage{
    background-image:url(../images/wwrimg.jpg);
    background-size:300px;
    background-repeat:no-repeat;
}
.pyimage{
    background-image:url(../images/pyimg.jpg);
    
}
main a{
    display:grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row: 1/4;
    grid-column: 1/4
}