made the site readable with aspect ratios <1
This commit is contained in:
parent
4ee24902ca
commit
028503055f
10
style.css
10
style.css
|
@ -14,12 +14,19 @@ body{
|
||||||
color: #F0F0F0;
|
color: #F0F0F0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (min-aspect-ratio: 1) {
|
||||||
|
.centercubepleaseind{
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
.centercubeplease{
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.centercubepleaseind{
|
.centercubepleaseind{
|
||||||
color: #000000;
|
color: #000000;
|
||||||
background-color: #5F8E76;
|
background-color: #5F8E76;
|
||||||
border: 3px solid #527C46;
|
border: 3px solid #527C46;
|
||||||
width: 50%;
|
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
@ -42,7 +49,6 @@ body{
|
||||||
color: #FFF0F0;
|
color: #FFF0F0;
|
||||||
background-color: #990033;
|
background-color: #990033;
|
||||||
border: 3px solid #cc0066;
|
border: 3px solid #cc0066;
|
||||||
width: 50%;
|
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue