* {
  background-color: blue;
  font-family: "Courier New", Courier, monospace;
  cursor: url(knife.png), auto;
}

@media screen and (min-width: 1001px) {

.agesubmit {
	font-size: 20px;
	text-align: center;
	vertical-align: center;
	width: 100%;
	color: white;
}

.agesubmit *{
  margin: 0px;
}
h1{
	color: white;
}

.shaking {
	font-size: 30px; 
	text-align: center; 
	color: white;
}

.sidewidth {
	width: 200px;
}


.rightedgeimages {
    width: 200px;
    float: right;
}

.leftedgeimages {
    width: 200px;
    float: left;
}


.beware{
	width:400px;
}

.mobileheart {
  display: none;
}

#pore {
  font-size: 60px; 
  text-align: center; 
  color:white; 
  width: 40%;
}
}
@media screen and (max-width: 1000px) {

html {
  height: 100%;
}


body {
  height: 100%;
}


.agesubmit {
  font-size: 20px;
  text-align: center;
  width: 100%;
  color: white;
  position: relative;
}

h1{
  color: white;
  font-size:70px;
}

p {
  font-size: 40px
}

h3{
  color: white;
  font-size:50px;
  margin:0;
}

.shaking {
  font-size: 30px; 
  text-align: center; 
  color: white;
}

#container {
  position: relative;
  display: block;
  width: 90%;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -60%);
}

.sidewidth {
  width: 400px;
}

#comp_edges{
  display: none;
}


.beware{
  width:200px;
}

#pore {
  font-size: 80px; 
  text-align: center; 
  color:white; 
  width: 100%
}

#bigpore {
   font-size: 60px; 
}

#display{
  width: 100%;
  font-size: 50px;
  position: fixed;
  display: block;
  bottom:20%;
    left: 50%;
  transform: translate(-50%, 0%);
}

#display img {
  width:400px;
  display: none;
}

}