HTML CSSResult Skip Results Iframe
EDIT ON
/* copy this reset code into your recipe.css file */
* {
   margin:2;
   padding:2;
   box-sizing: border-box;
   color: rgb(255, 89, 0);
}
html {
   height:100%;
   width:100%;
   background-color:rgb(231, 179, 101); 
}

body {
background-color: bisque;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-weight: 170;
font-size: 21px;
text-align: center;
padding: 2px;
}

nav a {
   display: inline-block; /* make them into boxes */
   text-decoration: none; /* remove underline */
   font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
   color: rgb(255, 0, 0);
   font-size: 20px;
   border: 2px solid rgb(255, 136, 0);
   background-color: rgb(255, 250, 148);
   margin: 10px; /* space between buttons */
   padding: 20px; /* space between border and text */
}
nav a:hover {
   background-color: rgb(246, 208, 255);
}

nav {
  padding-top: 20px; /* leave some space above the buttons */
  text-align:center; /* display buttons in the centre of the page */
}

h1 { font-family: Futura, "Trebuchet MS", Arial, sans-serif; 
    font-size: 65px; 
    font-style: bold; 
    font-variant: normal;
    font-weight: 700; 
    line-height: 24px;
    text-align: center; /* right, left, center */
   padding: 28px; /* space around the text */ } 
    


    h3 { font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif; 
        font-size: 35px; 
        font-style: normal; 
        font-variant: normal; 
        font-weight: 700; 
        line-height: 23px;
    text-align: center; } 
        
        p { font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif; 
            font-size: 30px; 
            font-style: normal; 
            font-variant: normal; 
            font-weight: 400; 
            line-height: 23px;
            text-align: center;
     } 

             h3 { font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif; 
        font-size: 49px; 
        font-style: italic; 
        font-variant: normal; 
        font-weight: 600; 
        line-height: 23px;
    text-align: center; } 
        
        img {  
border: 3px dashed rgb(0, 0, 0); 
margin: auto; 
} 

div {
      text-align: center;
      padding: 55px;
    }

    nav a:hover {
  background-color: rgb(251, 224, 116);
}

ul {
  list-style-type: none; /* remove the dot points */
}