html {
-webkit-text-size-adjust: none;
}
body
{
margin-top: 30px;
background-color: #808080;
font: calc(0.38em + 1.0vw)/140% Arial, Helvetica, sans-serif;
align-items: center;
justify-content: center;
}
.maincontent
{
margin:auto;
left:0;
right:0;
display: block;
width: 95%;
min-width: 320px;
color: #ffffff;
}
.header
{
border: 1px solid #d0f0ff;
border-radius: 11px;
background-color: #484747;
margin: 25px 5px 5px 5px;
padding: 15px 20px 15px 20px;
display: block;
}
.content
{
border: 1px solid #d0f0ff;
border-radius: 11px;
background-color: #484747;
color: #ffffff;
margin: 25px 5px 25px 5px;
padding: 10px 20px 200px 20px;
display: block;
}
.content a
{
color: #ffffff;
}
.content a:hover
{
color: #fffc00;
}
.review {
color: #fffc00;
}
h1 {
color: #fe0000;
font-size: 130%;
font-weight: bold;
margin: 5px 5px 5px 5px;
text-align: center;
white-space: nowrap;
}
h2 {
color: #fffc00;
text-align: center;
font-size: 110%;
}
h3 {
color: #fffc00;
text-align: center;
font-size: 110%;
}
.descr {
color: #00f0ff;
font-size: 110%;
font-weight: bold;
margin: 5px 5px 5px 5px;
text-align: center;
display: block;
}
.title {
color: #ffffff;
text-align: center;
font-size: 100%;
display: block;
}
[itemprop~="description"] {
color: #fffc00;
font-weight: bold;
text-align: center;
font-size: 110%;
display: block;
}
[itemprop~="contentUrl"] {
height: auto;
max-width: 50%;
padding: 15px 15px 15px 15px;
border-radius: 11px;
border: 3px;
border-image: #000000;
margin:auto;
display: block;
}
.footer
{
border: 1px solid #d0f0ff;
border-radius: 11px;
background-color: #484747;
margin: 50px 5px 30px 5px;
padding: 15px 20px 15px 20px;
text-align: center;
display: block;
}