* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  position: relative;
  width: 100%;
  height: 100%;
}

.background{
  position: relative;
  width: 1920px;
  height: 1080px;
  background: linear-gradient(
    66deg, 
    rgba(222, 36, 27, 1) 0%, 
    rgba(222, 36, 27, 1) 40%,
    rgba(222, 36, 27, 0.3) 95%)
}

.logo{
  position: absolute;
  background: url(../assets/logo.png);
  width: 275px;
  height: 263px;
  object-fit: cover;
  z-index: 1;
}

.image-section {
  position: absolute;
  width: 970px;
  height: 1080px;
  z-index: -1;
  left: 950px;
  background-size: cover;
  background-position: center;
}


.circle-section {
  position: absolute;
  top: -30px;
  width: 1358px;
  height: 1358px;
  overflow: hidden;
  z-index: 0;
}

.circle{
  position: absolute;
  width: 1300px;
  height: 1080px;
  background: url(../assets/circle.png);
}

.circle h1{
  display: -webkit-box;
  position: absolute;
  left: 284px;
  top: 769px;
  width: 676px;
  font-family: 'Nunito', sans-serif;
  text-align: center;
  color: #DE241B;
  font-size: 77px;
  text-shadow: 3px 0px #DE241B;
  line-height: 120%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.circle p p{
  position: absolute;
  left: 182px;
  top: 280px;
  width: 904px;
  height: 407px;
  padding: 0px 0px 0px 0px;
  color: #000000;
  font-size: 58px;
  text-align: center;
  text-shadow: 1px 0px black;
}

.circle .line {
  position: absolute;
  left: 434px;
  top: 708px;
  width: 444px;
  height: 3px;
  background-color: #DE241B;
}

.day_phrase{
  position: absolute;
  width: 619px;
  height: 178px;
  left: 1248px;
  top: 868px;
  background: url(../assets/frase.png); 
}

.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1920px;
  height: 32px;
  display: flex;
  z-index: 3;
}

.footer-part {
  flex: 1;
  height: 100%;
}

.footer-part.orange {
  background-color: #ED6F15;
}

.footer-part.green {
  background-color: #4FA134;
}

.footer-part.white {
  background-color: #FFFFFF;
}