@import url("https://fonts.googleapis.com/css?family=Inter:regular,500&display=swap");

body{
   font-family: 'Inter', sans-serif;
   font-weight: 500;
}

.wrapper {
   position: relative;
   overflow: hidden;
   min-height: 100%;
}

.page {
   height: 100vh;
   background-color: #D8885B;
   display: flex;
   flex-direction: column;
   align-items: center;
   position: relative;
}

.page__container {
   max-width: 91rem;
   height: 100%;
   padding: 8.3125rem 0.9375rem 2.5625rem 0.9375rem;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.page__title {
   color: #FFF;
   font-size: 7.5rem;
   line-height: 1; 
   padding-right: 42%;
}
.page__link {
   color: #FFF;
   font-size: 1.875rem;
   line-height: 3; 
}
.page__link:hover{
   color: rgba(255, 255, 255, 0.7);
   transition: color 0.3s ease;
}
.page__line {
  border: 2px solid #D8885B;
  background-color: #CDD1E1;
  gap: 2.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 120%;
  left: -10%;
  bottom: 15%;
  flex-grow: 0;
}
.page__line--one {
   transform: rotate(-8.415deg);
   transform-origin: left;
}
.page__text {
   color: #000;
   font-size: 1.875rem;
   font-weight: 400;
   line-height: 3; 
   white-space: nowrap;
}
.page__line--two {
  
   transform: rotate(16.241deg);
}
@media(max-width: 1380px){
   .page__text{
      font-size: 1.25rem;
   }
   .page__line{
      gap: 0.9375rem;
   }
   .page__container{
      padding: 2.5625rem 0.9375rem;
   }
}
@media(max-width: 1020px){
 .page__title{
   font-size: 6rem;
 }
}
@media(max-width: 640px){
   .page__title{
      padding-right: 0%;
      font-size: 3rem;
   }
   .page__text{
      font-size: 1rem;
   }
   .page__link{
      font-size: 1rem;
   }
  }