html {
font-family: courier new;
}
body {
background-color: #961820;
font-size: 20px;
margin: 0;
}
a {
text-decoration:none;
color: #c74a4a;
font-family: courier new;
}
header {
background: #c74a4a;
height: 10%;
padding: 10px;
}
h1 {
color: #c74a4a;
font-size: 1em;
}
h2 {
color: #961820;
font-weight: bold;
font-size: 1.25em;
}
h3 {
color: #c74a4a;
font-size: 1.5em;
text-align: left;
}
h4 {
color: white;
font-size: 4em;
text-align: center;
}
ul {
list-style-type: none;
}
.wrapper {
display: grid;
padding: 10px;
margin: 2px;
}
.shell {
display: grid;
}
.pic2 {
grid-column: 1;
grid-row: 1;
background: #f08686;
padding: 20px;
}
.ing {
grid-column: 2;
grid-row: 1;
text-align:right;
padding: 30px;
background: #f08686;
}
.if {
grid-column: 1 / 3;
grid-row: 2;
width: 100%;
background: #f08686;
}
.pic1 {
grid-column: 3;
grid-row: 1;
padding: 30px;
background: #f08686;
}
.dir {
grid-column: 1;
grid-row: 4;
padding: 10px;
background: #f08686;
margin: 15px;
}