nav {
    width: 100%;
    margin: 0;
    background-color: #FFFFFF;

  /* makes the menu "sticky" */
    position: fixed;
  
  /* makes sure the menu sticks to the very top of the page */
    top: 0;
}

.menu {
  /* takes away the bullet points from the list items */
    list-style-type: none;
  
    margin: 0 auto;
    padding: 0;
  
  /* adjust this to control the placement of the menuitems in the navbar */
    padding-left: 3em;
  }

.menuitem {
    float: left;
}

.menuitem a {
    display: inline-block;
    color: #fc235a;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 1em;
}

.menuitem a:hover {
    background-color : #f2334c;
    font-size: 1em;
    color: #e3e3e3;
}

.logo {
  width: 2em;
  margin-top: .3em;
  border: none;
}


/* BASIC DOCUMENT SETUP */

* {
  border-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  background-color: #fc235a;
  color: #FFFFFF;
  font-family: "Supermercado One", sans-serif;
  padding: 1em;
}

/*LINKS*/

a{
  color:#000000;  
}

a:hover {
    background-color:#000000 ;
    color:#fc235a ;
    transition: 2s;
}


main {
  background-color: #FFFFFF 
  width: 90%;
  margin: auto;
  padding: 1em;
  padding-top: 3em;
}
img {
    border: .7em dotted White;
}

/*FLOAT IMAGE TO THE RIGHT*/
.floatRight {
    float: right;
    width: 30%;
    padding-left: 2em;
    padding-bottom: 1em;
}

.floatRight img {
    width:80%;
}