body{
background:cornsilk; max-width:100rem; margin:0; margin:auto; padding:0; box-sizing:border-box; line-height:1.5; font-size:1.25rem; font-family:"Comic Sans MS";
}
.wrapper{
max-width:60rem;//960 margin:auto; nav{ position:fixed; // width:10vw; // height:50vh; background-color: rgba(0, 0, 0, 0.1); // padding:5rem 0; & a{ display:block; font-size:2.25rem; padding:.5rem 1rem; margin:1rem; text-decoration:none; // padding-left:2rem; font-variant:small-caps; // text-align:center; &:hover{ text-decoration:underline; } &:visited{ color:black; } &:active{ color:cyan; } } } .feed{ max-width:48rem; // 768 || ^.8 margin:2rem 0; margin-left:auto; } article{ min-height:25vh; background-color: rgba(0, 0, 0, 0.1); text-align:justify; padding:3rem; margin:2rem; margin-right:0; }
}
.em{
font-size:32pt; // padding:3.5rem; margin:0; // text-align:center; & button{ display:block; width:auto; margin-left:auto; // float:right; }
}
h3, h4{
margin-bottom:0;
}
h3+p, h4+p{
margin-top:0;
}
form{
input, textarea{ display:block; width:100%; margin:1rem; }
}
.sScreen{
width:99vw; height:80vh; background-color:orange; position:absolute; z-index:-1;
}
.screen{
position:relative; outline:2px solid black; height:80vh; margin:0 auto;
} .w1366{
width:1366px; height:768px; background-color:lime;
} .w960{
width:960px; background-color:cyan;
} .w320{
width:320;
}