@charset "UTF-8";

UTF-8;
UTF-8;
a:active,a:hover,a:link,a:visited {
  color:grey;
}

a:link {
  text-decoration:none;
}

body {
  background-image:url(https://i.ibb.co/hRkZZ3VC/background.png);
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed;
  padding:0;
  margin:0;
}

@media (max-width:980px) {
  body {
    background-image:url(https://i.ibb.co/hRkZZ3VC/background.png);
  }
}

#age_container,#automobile_container,#body_type_container,#cam_score_container,#city_container,#country_container,#drink_container,#drugs_container,#ethnicity_container,#eyes_container,#favorite_food_container,#gender_container,#hair_container,#height_container,#marital_status_container,#occupation_container,#pets_container,#school_container,#sexual_preference_container,#smoke_container,#username_container,#weight_container,#profile_friends.profile_subsection {
  display:none;
}

html body .container #mfc_compliance_link {
  display:none!important;
}

#footer_bar,#header_bar {
  display:none;
}

#about_me_label,#profile_about_me>div:nth-child(1) {
  display:none;
}

#tags_container,#tags_label,#tags_value {
  display:none;
}

#avatar_holder,#profile_avatar,#profile_main_photo {
  display:none;
}

#blurb_container {
  display:none;
}

#profile_header_container {
  display:none;
}

.profile_section .heading {
  display:none;
}

.mfc_compliance_link {
  position:absolute;
  bottom:-3000px;
/* Ajusteaz? valoarea pentru a plasa elementul sub imagine */
  left:50%;
  transform:translateX(-50%);
  width:auto;
  max-width:100%;
  text-align:center;
  z-index:10;
/* Asigur?-te c? se afl? deasupra altor elemente dac? este nevoie */
}

#profile {
  width:1000px;
  margin:0 auto;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:fixed;
  background-attachment:fixed;
  font-size:.875em;
  line-height:1.25;
  color:#000;
  box-shadow:inset 0 0 0 0 red;
  opacity:100;
/* Resetare margini si padding */
  *margin:0;
  padding:0;
  box-sizing:border-box;
}

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

.navbar {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:80px;
  background-color:black;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:1000;
}

.nav-button {
  margin:0 15px;
  display:inline-block;
  transition:transform .5s ease;
}

.nav-button img {
  height:50px;
  width:auto;
}

.nav-button:hover {
  transform:rotate(360deg) scale(1.3);
}

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

html,body {
  height:100%;
/* Asigur? c? body-ul ocup? întreaga în?l?ime a ferestrei */
}

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

html,body {
  height:100%;
/* Asigur? c? body-ul ocup? întreaga în?l?ime a ferestrei */
}

body {
  display:flex;
  justify-content:center;
/* Centreaz? pe orizontal? */
  background-color:#f0f0f0;
}

.gallery {
  display:flex;
  flex-direction:column;
  gap:0;
/* spa?iu între perechi */
  align-items:center;
/* centrarea pe orizontal? */
  margin-top:0;
/* elimin? orice margine de sus */
}

.image-pair {
  position:relative;
  width:100%;
/* Face ca imaginea s? ocupe întreaga l??ime a ferestrei */
}

.image-wrapper {
  position:relative;
  width:100%;
  overflow:hidden;
/* ascunde p?r?ile imaginilor care dep??esc dimensiunea wrapper-ului */
}

.image {
  display:block;
  width:100%;
/* face imaginea s? ocupe întreaga l??ime a wrapper-ului */
  height:auto;
/* p?streaz? propor?iile imaginilor */
  max-height:100%;
/* limiteaz? în?l?imea maxim? la 700px */
  object-fit:cover;
/* p?streaz? propor?iile imaginilor */
  transition:opacity .3s ease;
}

.hover-image {
  position:absolute;
  top:0;
  left:0;
  width:100%;
/* face a doua imagine s? ocupe întreaga l??ime a wrapper-ului */
  height:auto;
/* p?streaz? propor?iile imaginilor */
  max-height:100%;
/* limiteaz? în?l?imea maxim? la 700px */
  object-fit:cover;
/* p?streaz? propor?iile imaginilor */
  opacity:0;
/* ascunde a doua imagine ini?ial */
  transition:opacity .3s ease;
}

.image-wrapper:hover .hover-image {
  opacity:0;
/* face vizibil? a doua imagine la hover */
}

.image-wrapper:hover .image {
  opacity:1;
/* ascunde prima imagine la hover */
}

/* Media Queries pentru ecranele mai mici */
@media (max-width: 768px) {
  .image {
    max-height:400px;
  /* limiteaz? în?l?imea la 400px pentru ecranele mai mici */
  }

  .hover-image {
    max-height:400px;
  /* limiteaz? în?l?imea la 400px pentru a doua imagine */
  }
}

@media (max-width: 480px) {
  .image {
    max-height:300px;
  /* limiteaz? în?l?imea la 300px pentru telefoane */
  }

  .hover-image {
    max-height:300px;
  /* limiteaz? în?l?imea la 300px pentru a doua imagine */
  }
}

.background-container {
  width:100%;
/* l??imea complet? a ferestrei */
  margin-top:0;
/* margine de sus de 100px */
  background-image:url(https://i.ibb.co/RTCz234w/tips-menu.png);
/* fundalul extern */
  background-size:cover;
/* asigur? c? fundalul acoper? complet containerul */
  background-position:center;
/* centreaz? fundalul */
  padding:0;
/* margini interioare */
  border-radius:0;
/* col?uri rotunjite */
  border:5px BLACK;
/* margine roz */
  flex-direction:column;
/* aliniere pe coloan? */
  justify-content:flex-end;
/* alinierea elementelor la partea de jos */
  height:1100px;
/* în?l?imea dorit? a fundalului, mai mare decât iframe-ul */
  position:relative;
}

.background-container2 {
  width:100%;
/* l??imea complet? a ferestrei */
  margin-top:0;
/* margine de sus de 100px */
  background-image:url(https://i.ibb.co/Q3MWH1p6/videos-benner.png);
/* fundalul extern */
  background-size:cover;
/* asigur? c? fundalul acoper? complet containerul */
  background-position:center;
/* centreaz? fundalul */
  padding:0;
/* margini interioare */
  border-radius:0;
/* col?uri rotunjite */
  border:5px BLACK;
/* margine roz */
  flex-direction:column;
/* aliniere pe coloan? */
  justify-content:flex-end;
/* alinierea elementelor la partea de jos */
  height:1100px;
/* în?l?imea dorit? a fundalului, mai mare decât iframe-ul */
  position:relative;
}

.iframe-container {
  width:100%;
/* l??imea complet? a containerului iframe */
  border-radius:0;
/* col?uri rotunjite pentru iframe */
  overflow:hidden;
/* ascunde p?r?ile iframe-ului care ies din container */
  display:flex;
/* activeaz? flexbox pentru alinierea intern? */
  justify-content:center;
/* centreaz? iframe-ul pe orizontal? */
  position:absolute;
/* face iframe-ul s? fie pozi?ionat absolut */
  bottom:0;
/* distan?a fa?? de partea de jos a fundalului */
}

.iframe-container2 {
  width:100%;
/* l??imea complet? a containerului iframe */
  border-radius:0;
/* col?uri rotunjite pentru iframe */
  overflow:hidden;
/* ascunde p?r?ile iframe-ului care ies din container */
  display:flex;
/* activeaz? flexbox pentru alinierea intern? */
  justify-content:center;
/* centreaz? iframe-ul pe orizontal? */
  position:absolute;
/* face iframe-ul s? fie pozi?ionat absolut */
  bottom:0;
/* distan?a fa?? de partea de jos a fundalului */
}

iframe {
  width:100%;
/* l??imea complet? a iframe-ului */
  height:900px;
/* în?l?imea iframe-ului */
  border:none;
/* elimin? bordura implicit? a iframe-ului */
}

/* Media Queries pentru responsivitate */
@media (max-width: 768px) {
  iframe {
    height:300px;
  /* ajust?m în?l?imea iframe-ului pentru ecrane mai mici */
  }
}

@media (max-width: 480px) {
  iframe {
    height:200px;
  /* ajust?m ?i mai mult în?l?imea pentru telefoane */
  }
}