header a:hover, header a:active {  
  text-decoration: none;
  color:#F2C2D8; 
  font-family:Arial Black;
  font-weight: 600;
  text-align:center; 
}

nav {flex:25%; height:100px;}

nav ul { 
  text-align:center;
  list-style: none;
  padding: 10px; 
}

nav ul li ul {
  display: none;
}

a:hover {
  text-decoration: none;
}

nav ul li:hover ul {
  display: block;
}

body {
  background-color: white; 
  margin:0px; 
  padding:0px;
}

.o {   
  background-color: #F2C2D8;
  padding: 6px 12px;
  border-radius: 30px;
  display:inline-block;
  max-width: 800px;        
  margin: 50px auto; 
  text-align:center;
  margin-right:auto;
  font-family:"Corbel Light";
  color:aliceblue;
  margin-right:30%;
}

img {
  display: block;
  margin: 0px auto;
}

.dood {flex:30%; padding:3%}

.lol {
  padding: 20px;
  background-color: #F2C2D8;
  border-radius: 10px;
  max-width: 900px;
  margin: 20px auto;
}

.l {
  text-align: center;
  margin-left:auto;
  margin-right:auto; 
  color:aqua;
}

h3 { 
  background-color: #F2C2D8;
  padding: 6px 12px;
  border-radius: 30px;
  display:inline-block;
  max-width: 800px;        
  text-align:center;
  font-family:"Corbel Light";
  color:aliceblue; 
  padding-left:50%; 
  padding-right:50%;
}

h1 {text-align:center;}

p {
  color:#F2C2D8; 
  font-family:Corbel Light; 
  float:right;
}

.k {float:left;}

h2 {
  border-radius:0%; 
  justify-content:center;
}

.container {
  width: 40%;
  margin: 0 auto;
  display:flex;
  max-width: 1200px;
  text-align: center;
  border: none;
  border-bottom: 2px solid #F2C2D8;
  width: 100%;
  margin-bottom: 2px;
  outline: none;
}

.dolo {
  display: inline-block; 
  max-width: 100%;      
  height: auto;
}

h2 {
  color:#F2C2D8; 
  font-family:Corbel Light; 
  text-align:center;
}

footer {
  margin-top: auto;
  width: 100%;
  background: #F2C2D8;
  color: white;
  text-align: center;
  padding: 10px;
  clear: both;
}
.i {
  background-color: #F2C2D8;
  border-radius: 0px;
  color:aliceblue;
  font-family:Arial Black;
  text-align:center;
}

nav a {
  text-decoration: none;
  color:#F2C2D8; 
  font-family:Arial Black;
}

@media screen and (min-width: 1001px) {
  /* Rules here for screen sizes from 1001 and up */
}

@media screen and (max-width: 1000px) {
  /* Rules here for medium screen sizes: 701px to 1000px */
}

@media screen and (max-width: 700px) {
  /* Rules here for smaller screen sizes: 0 to 700px */
}

.loop {text-align:center;}

.cupcakecontainer {display:flex; padding:5px;}

.d { 
  float:none;  
  background-color: #F2C2D8;
  padding: 6px 12px;
  border-radius: 30px;
  display:inline-block;
  max-width: 800px;        
  margin: 50px auto; 
  text-align:center;
  margin-left:auto;
  font-family:"Corbel Light";
  color:aliceblue;
  margin-left:28%;
}

form {
  margin: 40px auto;
  max-width: 320px;
  font-weight: bold;
  font-family:Arial Black;
}

input, textarea {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.toronto {border-radius:20%;}

.q {border-radius:10%;}

.f {text-align:center;}