Hej. Próbuję uzyskać responsywną czionkę, reszta elementów zdaje się działać dosyć normalnie, ale czcionka ciągle jest taka sama.
*
{
margin: 0;
padding: 0;
}
html, body
{
width: 100%;
height: 100%;
font-size: 100%;
font-weight: normal;
}
.background
{
width: 100%;
height: 100%;
background-image: url('P1images/P1oribanaBackground.jpg');
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow-y: auto;
}
.nav
{
width: 18.2%;
height: auto;
background: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 3.875rem rgba(0, 0, 0, 0.8);
position: absolute;
top: 25%;
left: 0;
}
.nav a
{
text-decoration: none;
font-size: 1.75rem;
font-family: sans-serif;
font-weight: bold;
width: 100%;
height: 5.625rem;
float: left;
display: inline-block;
color: white;
line-height: 5.625rem;
text-align: center;
transition-duration: 1s;
border-bottom: 0.125rem inset rgba(255, 255, 255, 0.2);
margin-bottom: 0.125rem;
}
.a
{
border-top: 0.125rem inset rgba(255, 255, 255, 0.2);
}
.nav a:hover, .active
{
background: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 3.75rem rgba(0, 0, 0, 0.9);
}
.content
{
position: absolute;
width: 93.75rem;
height: 50rem;
background: rgba(255, 255, 255, 0.2);
right: 0;
top: 7rem;
}
@media all and (max-width=500px) and (max-height=500px)
{
html, body
{
font-size: 2px;
}
}
pomocy:) co robię źle?