/* Removes padding from the width calculation of your elements */
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}

/* WRITE YOUR STYLES BEGINNING HERE---------------------------- */

@import url('https://fonts.google.com/specimen/Roboto');

@font-face {
  font-family: 'Roboto';
  src: url(../fonts/Roboto-Regular.ttf);
  font-weight: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url(../fonts/Roboto-Bold.ttf);
  font-weight: bold;
}

h1, figcaption, footer {
  font-family: 'Roboto';
}

a.tickets {
  padding: 8px; 
  width: 30%; 
  background: #C3E9FE; 
  background: rgba(195, 233, 254, 0.8); 
  border-radius: 8px; 
  color: #fff; 
  text-align: center; 
  cursor: pointer;
  text-decoration: none; 
  letter-spacing: 1px; 
  transition: all 0.3s ease-out; 
  font-family: 'roboto';
}

body {
  margin:0;
}

.container {
  width:100%;
  border-top: 110px solid #EAA6D1; 
  border-left: 40px solid #EAA6D1;
  border-right: 40px solid #EAA6D1;
  border-bottom: 300px solid #EAA6D1;

}

header {
  width:100%;
  background: url("../links/barbie.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 3153 / 2102;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  padding: 2vw;
}

#mattel {
  position: absolute;
  top: 0;
  left: 0;
}

video {
  width:100%;
}

footer {
  background-color: #C3E9FE;
  height: 250px;
}

.social img:first-child, img:nth-child(2), img:nth-child(3), img:nth-child(4) {
  width: 30px;
}

.dolls figure img {
  border: 6px solid #C3E9FE;
  size
}

.dolls {
  display: flex;
  flex: 15%;
  padding: 5px;
}

footer {
  display: flex;
  flex: 15%;
  padding: 5px;
}