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;

}