h1 {color:black; text-align: center;  font-family: "Anton", sans-serif; font-weight: 400;
font-style: normal; border: solid 5px #b51bb0; background: #ca9ffe; padding:1em; margin:2em; text-shadow: 10px 10px 9px white;}

h1:before, h1:after {content:"🌟"; display:inline-block; height:1em; padding: 1em; background-size:contain; background-repeat: no-repeat;}

#link:before, #link:after {content:"🌹"; display:inline-block; width:1em; height:1em; background-size:contain; background-repeat: no-repeat;}

.box {border: solid 4px #EBC6E8; border-radius: 50% 50%; padding: 1em; background-color: #FBEEF9; box-shadow: rebeccapurple 12px 11px;}

p { font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size:26px;}

body {background-color:#fe9f9f;}

nav {display: flex; flex-direction: column; flex-wrap: no-wrap; justify-content: center; align-content: center; align-items: center; border: solid 5px #FFE3E3; padding: 2em; margin: 3px 16px; background-color: #d397cd;}

.contenttable {border: solid 2px #FBEEF9; padding:1em;}

#Aluna {border: 4px solid rebeccapurple; width: 100%; max-width: 400px;}
#milkshake {border: 4px solid blue; width: 100%; max-width: 400px;}
#butterfly {border: 4px solid #CB7FAA; width: 100%; max-width: 400px;}
#Francesca {border: 4px solid red; width: 100%; max-width: 400px;}
#blossoms {border: 5px solid #ffb7c5; width: 100%; max-width: 400px;}
#bracelet {border: 5px solid gold; width: 100%; max-width: 400px;}
#Alison {border: 4px solid #d55dde; width: 100%; max-width: 400px;}
#collegefashion {font-size: 40px; text-align: center; text-shadow: 3px 3px 3px #AD3636;}
#cflink {text-shadow: 3px 3px 3px #AD3636;}

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

a:hover {color: rebeccapurple}
a:active {color: steelblue}

figcaption {font-size: 26px;}

a {color: black; font-size: 26px; text-align: center;}


article {display: flex; flex-direction: column; flex-wrap: wrap; flex-flow: column-wrap; justify-content: center; align-items: space-around; align-content: center;}

.project {flex-direction: column; flex-wrap: wrap; flex-flow: column-wrap; justify-content: center; align-items: space-around; align-content: center; position: relative;}

div {border: solid 4px #E0218A; box-shadow: 3px 11px #E0218A; padding: 1em; margin:2em; background-color: white; display: flex; flex-direction: column; flex-wrap: wrap-reverse; flex-flow: column-wrap; justify-content: space-evenly; align-items: center; align-content: center;}

@media (min-width:300px) and (max-width:1000px) {
  h1 {width: 50%;}
  footer {width: 100%;}
  nav {width: 80%;}
  div {width: 90%;}
}