html,
body {
margin: 0;
}
body {
color: #fff;
}
* {
box-sizing: border-box;
}
img {
max-width: 100%;
height: auto;
}
.wrp {
max-width: 750px;
padding: 0 15px;
margin: 0 auto;
background: #000 url(https://www.arikoivunen.fi/ak/templates/ak/images/main_bg.jpg) 0 0 repeat;
min-height: 100vh;
}
nav {
padding: 10px;
color: #fff;
}
nav a {
color: #fff;
}
footer {
color: #fff;
padding: 30px;
}
.content {
display: grid;
grid-template-columns: 3fr 1fr;
column-gap: 10px;
}
@media screen and (max-width: 740px) {
.content {
grid-template-columns: 1fr;
}
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}