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


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

.page {
   position: relative;
   height: 100vh;
   background: url(../img/girl-bg.jpg)0 0 /cover no-repeat;
   font-family: 'Konkhmer Sleokchher', sans-serif;
   font-weight: 400;
   color: #FFF;
}


.page__container {
   padding-top: 4.8125rem;
   display: flex;
   flex-direction: column;
   gap: 1.25rem;
   justify-content: space-between;
   height: 100%;
}
.page__link {
   margin: 0 5.2% ;
   align-self: flex-start;
   padding: 1.25rem 1.5625rem;
   color: #F0F0F0;
   font-family: "Inter", sans-serif;
   font-size: 2rem;
   font-weight: 400;
   border-radius: 0.625rem;
   background-color: #132895;
}
.page__link:hover{
   background-color: rgba(19, 41, 149, 0.7);
   transition: background-color 0.3s ease;
}

.page__title {
   font-size: 12rem;
   line-height: 0.91em; 
   letter-spacing: 0.24rem;
   margin: 0 5.2% 0.3125rem 5.2% ;
}
.page__background {
   background: url("../img/bg.svg") 0 0/ cover no-repeat;
   align-content: center;
   height: 11.25rem;
   align-content: end;
}
.page__background img{
   width: 100%;
}

.page__text {
   font-size: 1.9375rem;
   line-height: 2em; 
   letter-spacing: 0.03875rem;
   text-align: end;
   margin-right: 5.2%;
   padding-bottom: 2.1875rem;
}
@media(min-width: 1090px){
   .page__title{
      max-width: 12.160rem;
   }
}
@media(max-width: 1440px){
   .page__title{
      font-size: 10rem;
   }
}
@media(max-width: 991.98px){
   .page__title{
      font-size: 8rem;
   }
   .page__text{
      font-size: 1.25rem;
      padding-bottom: 1.25rem;
   }
}
@media(max-width: 767.98px){
   .page__title{
      font-size: 5.5rem;
   }
   .page__link{
      font-size: 1.125rem;
   }
   .page__text{
      font-size: 1.125rem;
   }
}