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

@font-face {
  font-family: "MontReg";
  src: url(/Radyno/fonts/Montserrat-Regular.ttf);
}
@font-face {
  font-family: "MontSemiBold";
  src: url(/Radyno/fonts/Montserrat-SemiBold.ttf);
}
@font-face {
  font-family: "MontBold";
  src: url(/Radyno/fonts/Montserrat-Bold.ttf);
}
body {
  display: flex;
  flex-direction: column;
  row-gap: 3.65vw;
}

::-moz-selection {
  background-color: #3da1ff;
}

::selection {
  background-color: #3da1ff;
}

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: #fff;
}

.nav {
  font-size: 1.1vw;
  font-family: "MontReg";
  margin: 0vw 0vw 2.76875vw 0vw;
}
.nav__list {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-items: center;
  -moz-column-gap: 2vw;
       column-gap: 2vw;
  padding-inline-start: 0px;
}
.nav__item {
  padding: 0.52vw;
  border-radius: 0.78vw;
}
.nav__item--main {
  background-color: #9FEA36;
}
.nav__item--about {
  background-color: #6e13aa;
}
.nav__item--cast {
  background-color: #ffc400;
}
.nav__item--quotes {
  background-color: #d933be;
}

.header {
  background-color: #3da1ff;
  padding-top: 3vw;
  height: 40vw;
  background-image: url(/Radyno/images/headers/worker-dancing.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 14.58vw;
}
.header--about {
  background-image: url(/Radyno/images/headers/michael-scott-crying.png);
}
.header--cast {
  background-image: url(/Radyno/images/headers/workers-sitting.png);
}
.header--quotes {
  background-image: url(/Radyno/images/headers/public-applause.png);
}
.header__hero {
  display: flex;
  padding-bottom: 2.56vw;
}
.header__title, .header__title--about {
  width: 22vw;
  font-family: "MontSemiBold";
  font-size: 2.71vw;
  margin-top: 5.99vw;
  margin-right: 18.75vw;
  color: #fff;
}
.header__title--about {
  width: 22vw;
}

.about,
.cast,
.quotes {
  display: flex;
  width: 71.77vw;
  justify-content: center;
  margin: auto;
  flex-direction: column;
  align-items: center;
}
.about__cards,
.cast__cards,
.quotes__cards {
  display: flex;
  -moz-column-gap: 2.14vw;
       column-gap: 2.14vw;
  margin-top: 1.04vw;
}
.about__card,
.cast__card {
  width: 22.55vw;
  height: 28.85vw;
  border-radius: 1.56vw;
  color: #fff;
}
.about__card-info,
.cast__card-info {
  text-align: center;
  font-family: "MontReg";
  padding: 1.61vw 5.42vw;
}
.about__card-title,
.cast__card-title {
  font-size: 1.46vw;
  margin-bottom: 0.42vw;
}
.about__card-subtitle,
.cast__card-subtitle {
  font-size: 1.25vw;
}
.about__card--michael,
.cast__card--michael {
  background-color: #FFC300;
}
.about__card--dwight,
.cast__card--dwight {
  background-color: #AFA1FF;
}
.about__card--pam,
.cast__card--pam {
  background-color: #9FEA36;
}
.about__image,
.cast__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 21.88vw;
}
.about__image-intermediate,
.cast__image-intermediate {
  height: 20vw;
}
.about__figure,
.cast__figure {
  font-family: "MontSemiBold";
  font-size: 1.3vw;
  margin: 1.04vw;
  text-align: center;
  color: #5082b1;
}
.about__caption,
.cast__caption {
  margin-top: 0.5vw;
}

.cast__card--michael .cast__image {
  background-image: url("/Radyno/images/cast/michael.png");
}

.cast__card--dwight .cast__image {
  background-image: url("/Radyno/images/cast/dwight.png");
}

.cast__card--pam .cast__image {
  background-image: url("/Radyno/images/cast/pam.png");
}

.quotes__cards {
  gap: 1.93vw;
  width: 72vw;
  flex-wrap: wrap;
}
.quotes__card {
  width: 34.95vw;
  color: #fff;
  border-radius: 1.56vw;
  padding-bottom: 1.56vw;
}
.quotes__card--woman {
  background-color: #a32740;
}
.quotes__card--woman .quotes__image {
  background-image: url("/Radyno/images/quotes/workers-with-papers.png");
}
.quotes__card--birthday {
  background-color: #ffae00;
}
.quotes__card--birthday .quotes__image {
  background-image: url("/Radyno/images/quotes/worker-near-the-wall.png");
}
.quotes__card--janet {
  background-color: #e88ae0;
}
.quotes__card--janet .quotes__image {
  background-image: url("/Radyno/images/quotes/workers-on-the-dinner.png");
}
.quotes__card--report {
  background-color: #6c2977;
}
.quotes__card--report .quotes__image {
  background-image: url("/Radyno/images/quotes/workers-are-looking.png");
}
.quotes__card--fire {
  background-color: #9FEA36;
}
.quotes__card--fire .quotes__image {
  background-image: url("/Radyno/images/quotes/man-watching.png");
}
.quotes__card--pam {
  background-color: #5b4cfe;
}
.quotes__card--pam .quotes__image {
  background-image: url("/Radyno/images/quotes/woman-telling.png");
}
.quotes__card-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
  font-family: "MontSemiBold";
  padding-top: 1.3vw;
}
.quotes__card-title {
  font-size: 1vw;
  margin-bottom: 0.42vw;
  width: 32.08vw;
}
.quotes__card-subtitle {
  font-size: 0.8vw;
  margin-top: 1.04vw;
  font-family: "MontReg";
}
.quotes__image {
  background-color: #3da1ff;
  width: 100%;
  height: 15.68vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.title {
  font-family: "MontSemiBold";
  font-size: 1.5vw;
  margin-bottom: 1.04vw;
}

.description {
  font-family: "MontReg";
  font-size: 1.3vw;
  text-align: justify;
  text-indent: 2.6vw;
}

.button {
  display: inline-block;
  font-family: "MontReg";
  font-size: 1.25vw;
  color: #fff;
  background-color: #3da1ff;
  padding: 0.83vw 1.46vw;
  border-radius: 0.73vw;
  margin-top: 2.08vw;
}

footer {
  background-color: #3da1ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "MontReg";
  font-size: 1.25vw;
  color: #fff;
}

.footer__description {
  margin-top: 1.56vw;
  margin-bottom: 1.56vw;
}

.numbers {
  display: flex;
  width: 71.77vw;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: 14.58vw;
  margin-top: -1.04vw;
}
.numbers__block {
  width: 12.97vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 10.57vw;
  border-radius: 1.77vw;
  padding-top: 0.74vw;
  text-align: center;
  color: #fff;
}
.numbers__block--201 {
  background-color: #3da1ff;
}
.numbers__block--9 {
  background-color: #9f17ee;
}
.numbers__block--40 {
  background-color: #9FEA36;
}
.numbers__block--5 {
  background-color: #d933be;
}
.numbers__block--10 {
  background-color: #FFC300;
}
.numbers__value {
  font-family: "MontBold";
  font-size: 4.17vw;
}
.numbers__name {
  font-size: 1vw;
  font-family: "MontReg";
  width: 11.2vw;
}

.characters {
  margin-left: 14.58vw;
  display: flex;
  flex-direction: column;
  gap: 3.04vw;
}

.character {
  display: flex;
  gap: 1.5vw;
}
.character__title {
  font-family: "MontSemiBold";
  font-size: 1.5vw;
  margin-bottom: 0.89vw;
}
.character__description {
  font-family: "MontReg";
  font-size: 1.3vw;
  width: 34.95vw;
  text-align: justify;
}
.character__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 20vw;
  width: 34.9vw;
}
.character__image--michael {
  background-image: url(/Radyno/images/cast/michael.png);
}
.character__image--dwight {
  background-image: url(/Radyno/images/cast/dwight.png);
}
.character__image--jim {
  background-image: url(/Radyno/images/cast/jim.png);
}
.character__image--pam {
  background-image: url(/Radyno/images/cast/pam.png);
}
.character__image--creed {
  background-image: url(/Radyno/images/cast/creed.png);
}
.character__image--toby {
  background-image: url(/Radyno/images/cast/toby.png);
}
.character__image--kevin {
  background-image: url(/Radyno/images/cast/kevin.png);
}
.character__image--fillis {
  background-image: url(/Radyno/images/cast/fillis.png);
}
.character__image--angela {
  background-image: url(/Radyno/images/cast/angela.png);
}
.character__image--ryan {
  background-image: url(/Radyno/images/cast/ryan.png);
}
.character__image--darryl {
  background-image: url(/Radyno/images/cast/darryl.png);
}
.character__image--kelly {
  background-image: url(/Radyno/images/cast/kelly.png);
}
.character__image--erin {
  background-image: url(/Radyno/images/cast/erin.png);
}
.character__image--endy {
  background-image: url(/Radyno/images/cast/endy.png);
}
.character__image--meredith {
  background-image: url(/Radyno/images/cast/meredith.png);
}
.character__image--stanley {
  background-image: url(/Radyno/images/cast/stanley.png);
}
.character__image--oscar {
  background-image: url(/Radyno/images/cast/oscar.png);
}
.character__image--roy {
  background-image: url(/Radyno/images/cast/roy.png);
}
.character__image--janet {
  background-image: url(/Radyno/images/cast/janet.png);
}
.character__image--holly {
  background-image: url(/Radyno/images/cast/holly.png);
}
.character__image--nelly {
  background-image: url(/Radyno/images/cast/nelly.png);
}
.character__image--pete {
  background-image: url(/Radyno/images/cast/pete.png);
}
.character__image--clark {
  background-image: url(/Radyno/images/cast/clark.png);
}
.character__image--mose {
  background-image: url(/Radyno/images/cast/mose.png);
}
.character__image--robert {
  background-image: url(/Radyno/images/cast/robert.png);
}/*# sourceMappingURL=style.css.map */