@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Racing+Sans+One&display=swap");

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

body {
  width: 100vw;
  height: 100vh;
  background-color: #747474;
  font-family: "Poppins", sans-serif;
}

.bugatti_main {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1200px;
  height: 700px;
  background-color: white;
  border-radius: 20px;
  box-shadow: 2.67997px 5.35993px 26.7997px rgba(0, 0, 0, 0.67);
  overflow: hidden;
  
}

.bugatti_main > div > img[src="lanscape-lake-sunlight.jpg"] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}




.bugatti_bgImage {
  background-image: url(https://images.hdqwalls.com/wallpapers/black-bugatti-chiron-jg.jpg);
  background-size: cover;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  filter: brightness(80%);
}

.bugatti_gradient {
  position: absolute;
  bottom: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.721) 100%
  );
  width: 100%;
  height: 300px;
  border-radius: 0 0 20px 20px;
}

.bugatti_nav {
  position: absolute;
  top: 20px;
  left: 30%;
  display: flex;
  gap: 40px;
  align-items: center;
  opacity: 0;
  animation: fade-in 0.5s linear forwards;
  animation-delay: 2.5s;
}

.bugatti_nav img {
  width: 70px;
}

.bugatti_nav p {
  font-size: 13px;
  font-weight: 700;
  text-align: none
  ;
}

.bugatti_nav p:hover {
  cursor: pointer;
  color: rgb(0, 136, 255);
}

/* ----------------------------------------------- */

.bugatti_make {
  position: absolute;
  top: 15%;
  left: 5%;
  font-size: 60px;
  font-weight: 400;
  color: whitesmoke;
  opacity: 0;
  animation: fade-in 0.5s linear forwards;
  animation-delay: 0.5s;
}

.bugatti_model {
  position: relative;
  top: 23%;
  left: 5%;
  font-size: 120px;
  font-weight: 700;
   color: #2d72a2;
  text-shadow: 4.13753px 4.13753px 8.27506px #252525;
  opacity: 0;
  animation: fade-in 0.5s linear forwards;
  animation-delay: 1s;
}





.bugatti_btn:hover {
  cursor: pointer;
  background-color: #004483;
  color: #ffffff;
}


@keyframes move-down {
  100% {
    opacity: 1;
  }
}

/* --------------------------------------------- */

.bugatti_about {
  position: absolute;
  bottom: 12%;
  left: 5%;
  width: 50%;
  opacity: 0;
  animation: fade-in 1s linear forwards;
  animation-delay: 1.5s;
}

.bugatti_about h3 {
  font-weight: 700;
  font-size: 25px;
  color: #fff;
  position: relative;
  


}.bugatti_about.hahaha h3 {
  
  font-weight: 700;
  font-size: 12px;
  color: #030303;
  
}

.bugatti_about p {
  color: #c9d1c9;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  position: relative;
}

@keyframes fade-in {
  100% {
    opacity: 1;
  }
}

/* ---------------------------------------- */

.bugatti_spec {
  position: absolute;
  bottom: 13%;
  right: 5%; /* mută complet în interior */
  display: flex;
  flex-direction: column; /* afișează vertical */
  align-items: flex-end; /* aliniere la marginea din dreapta dacă vrei */
  gap: 10px;
  opacity: 0;
  scale: 0;
  animation: move-up 0.3s linear forwards;
  animation-delay: 2s;
}

img{
        width: 100%;
       }
      body {
  cursor: none; /* Ascunde cursorul implicit */
}
.mar{
  text-decoration: none;
  color: rgb(12, 12, 12); /* Replace with your preferred color */
  position: relative;
  left: -180px;
}
.hahahi{
  text-decoration: none;
  color: rgb(255, 255, 255); /* Replace with your preferred color */
  position: relative;
  left: -180px;
}

.hahahil{
  text-decoration: none;
  color: rgb(255, 253, 253); /* Replace with your preferred color */
  position: relative;
  left: -180px;
}

.custom-cursor {
  position: fixed;
  width: 20px; /* Dimensiune mai mică */
  height: 20px;
  background-color: #0048C8; /* Albastru închis solid */
  border-radius: 50%;
  pointer-events: none; /* Nu interacționează cu elementele */
  transform: translate(-50%, -50%);
  transition: transform 0.05s ease-out;
  z-index: 9999;
}



        a{
            text-decoration: none;
        }
        body{
          background-color: rgb(132, 126, 126);
        }
        .pipi {
  text-decoration: none;
  color: rgb(255, 255, 255); /* Replace with your preferred color */
  position: relative;
  left: -180px;
}
.pupu {
  text-decoration: none;
  color: rgb(255, 255, 255); /* Replace with your preferred color */
  position: relative;
  left: -180px;
}

.hera {
  text-decoration: none;
  color: rgb(255, 255, 255); /* Replace with your preferred color */
  position: relative;
  left: 440px;
}

.dadad {
   text-decoration: none;
  color: black; /* Replace with your preferred color */
  position: relative;
  left: -180px;
}



.bugatti_about.diddy{
   color: #9a9898;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  bottom: 17%;
  position: absolute;
}


.bugatti_info {
  background: #3e8b79;
  box-shadow: 3.31002px 3.31002px 41.3753px #452828;
  backdrop-filter: blur(20.6877px);
  width: 140px;
  height: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.bugatti_info p {
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}

.bugatti_info h3 {
  font-weight: 400;
  font-size: 25px;

  color: #ffffff;
  font-family: "Racing Sans One", cursive;
}

@keyframes move-up {
  100% {
    right: 5%;
    opacity: 1;
    scale: 1;
  }
}

/* ------------------------------------------- */

.bugatti_social {
  position: absolute;
  top: 40%;
  right: -30px;
  opacity: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  animation: slide-in 0.2s linear forwards;
  animation-delay: 2s;
}

.bugatti_social img {
  width: 25px;
}

@keyframes slide-in {
  100% {
    right: 20px;
    opacity: 1;
  }
}

.bugatti_model{
  position: absolute;
  left: 5%;
  position: absolute;

  top: 22%;
  font-size: 120px;
  font-weight: 700;
  color: #2d72a2;
  text-shadow: 4.13753px 4.13753px 8.27506px #252525;
  opacity: 0;
  animation: fade-in 0.5s linear forwards;
  animation-delay: 1s;
}

.bugatti_model.mic{
  position: absolute;
  left: 5%;
  position: absolute;

  top: 19%;
  font-size: 70px;
  font-weight: 700;
   color: #2d72a2;
  text-shadow: 4.13753px 4.13753px 8.27506px #252525;
  opacity: 0;
  animation: fade-in 0.5s linear forwards;
  animation-delay: 1s;
}
.bugatti_btn a p,
.bugatti_btn2 a p {
  font-size: 20px;
  color: black;              /* text vizibil */
  background-color: #eee;    /* fundal ușor */
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-block;
  margin: 10px;
  cursor: pointer;
  user-select: none;
  text-align: center;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.bugatti_btn a:hover p,
.bugatti_btn2 a:hover p {
  background-color: #ccc;
}

.bugatti_model.micut{
  position: absolute;
  left: 5%;
  position: absolute;

  top: 19%;
  font-size: 50px;
  font-weight: 700;
   color: #2d72a2;
  text-shadow: 4.13753px 4.13753px 8.27506px #252525;
  opacity: 0;
  animation: fade-in 0.5s linear forwards;
  animation-delay: 1s;
}

.bugatti_model.mititel{
  position: absolute;
  left: 5%;
  position: absolute;

  top: 19%;
  font-size: 80px;
  font-weight: 700;
   color: #2d72a2;
  text-shadow: 4.13753px 4.13753px 8.27506px #252525;
  opacity: 0;
  animation: fade-in 0.5s linear forwards;
  animation-delay: 1s;
}

.bugatti_model.minuscul{
  position: absolute;
  left: 5%;
  position: absolute;

  top: 13%;
  font-size: 120px;
  font-weight: 700;
   color: #2d72a2;
  text-shadow: 4.13753px 4.13753px 8.27506px #252525;
  opacity: 0;
  animation: fade-in 0.5s linear forwards;
  animation-delay: 1s;
}

.bugatti_model.miniatura{
  position: absolute;
  left: 5%;
  position: absolute;

  top: 17%;
  font-size: 90px;
  font-weight: 700;
   color: #2d72a2;
  text-shadow: 4.13753px 4.13753px 8.27506px #252525;
  opacity: 0;
  animation: fade-in 0.5s linear forwards;
  animation-delay: 1s;
}

.bugatti_textulet{
  color: #949393;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
}

img{
        width: 100%;
       }
      body {
  cursor: none; /* Ascunde cursorul implicit */
}
.mar{
  text-decoration: none;
  color: black; /* Replace with your preferred color */
  position: relative;
  left: -240px;
}
.hahahi{
  text-decoration: none;
  color: rgb(255, 255, 255); /* Replace with your preferred color */
  position: relative;
  left: -240px;
}

.hahahil{
  text-decoration: none;
  color: black; /* Replace with your preferred color */
  position: relative;
  left: -300px;
}

.custom-cursor {
  position: fixed;
  width: 20px; /* Dimensiune mai mică */
  height: 20px;
  background-color: #0048C8; /* Albastru închis solid */
  border-radius: 50%;
  pointer-events: none; /* Nu interacționează cu elementele */
  transform: translate(-50%, -50%);
  transition: transform 0.05s ease-out;
  z-index: 9999;
}



        a{
            text-decoration: none;
        }
        body{
          background-color: rgb(132, 126, 126);
        }
        .pipi {
  text-decoration: none;
  color: rgb(255, 255, 255); /* Replace with your preferred color */
  position: relative;
  left: -240px;
}
.pupu {
  text-decoration: none;
  color: rgb(255, 255, 255); /* Replace with your preferred color */
  position: relative;
  left: -240px;
}

.hera {
  text-decoration: none;
  color: rgb(255, 255, 255); /* Replace with your preferred color */
  position: relative;
  left: 380px;
}

.dadad {
   text-decoration: none;
  color: black; /* Replace with your preferred color */
  position: relative;
  left: -180px;
}

.bugatti_model.particulaminuscula{
  position: absolute;
  left: 5%;
  position: absolute;

  top: 13%;
  font-size: 50px;
  font-weight: 700;
   color: #2d72a2;
  text-shadow: 4.13753px 4.13753px 8.27506px #252525;
  opacity: 0;
  animation: fade-in 0.5s linear forwards;
  animation-delay: 1s;
}


.GradientSolid {
  position:absolute;
 
  width: 1900px !important;
  height: auto !important;
  display: block !important;
  margin: -1020px !important; /* ✅ Add space around it */
 
  
}

.diddy{
  width: 50%;
  position: relative;
  left: 5%;
  margin-top: 8.4%
}

.bugatti_model.shiton{
  position: absolute;
  left: 46%;
  position: absolute;
  font-family: Avenir-Next;

  top: 15%;
  font-size: 90px;
  font-weight: 700;
  color: #323131;
  opacity: 0;
  animation: fade-in 0.5s linear forwards;
  animation-delay: 1s;
}

    .bugatti_info.bam h3 {
      position: relative;
  font-weight: 400;
  font-size: 25px;
      top:90%;
  color: #ffffff;
  font-family: "Racing Sans One", cursive;
}   
      

.bugatti_model.bam{
  position: absolute;
  left: 60%;
  position: absolute;

  top: 19%;
  font-size: 90px;
  font-weight: 700;
  color: #2d72a2;
  text-shadow: 4.13753px 4.13753px 8.27506px #252525;
  opacity: 0;
  animation: fade-in 0.5s linear forwards;
  animation-delay: 1s;
 
}

.bugatti_about.hamham p {
  color: #000000;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  position: relative;
  left: 93%;
}
.diddylel{
  width: 40%;
  position: relative;
  left: 0%;
  margin-top: 8.4%
}

.bugatti_model.bami{
  position: absolute;
  left: 50%;
  position: absolute;

  top: 19%;
  font-size: 90px;
  font-weight: 700;
   color: #2d72a2;
  text-shadow: 4.13753px 4.13753px 8.27506px #252525;
  opacity: 0;
  animation: fade-in 0.5s linear forwards;
  animation-delay: 1s;
 
}

.bugatti_about.hamhami p {
  color: #000000;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  position: relative;
  left: 85%;
}


.bugatti_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url("image-asset.jpg") no-repeat center center fixed;
  background-size: cover;
  z-index: -1;
}

html {
  scroll-behavior: smooth;
}

.bugatti_info {
  transition: transform 0.3s, background-color 0.3s;
}
.bugatti_info:hover {
  transform: translateY(-5px);
  background-color: #2a6f60;
}

.bugatti_about.goodboy p {
  color: #000000;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  position: relative;
           /* center on page */ 
}

.bugatti_about.goodboy .text-box {
  background-color: rgba(255, 255, 255, 0.8); /* semi-transparent white */
  border: 2px solid #2d72a2;  /* blue border */
  padding: 30px;               /* space inside the box */
  border-radius: 15px;         /* rounded corners */
  box-shadow: 2px 2px 10px rgba(0,0,0,0.2); /* optional shadow */
  max-width: 800px;            /* optional width */
  margin-top: 20px auto;           /* center horizontally */
}

.bugatti_about.diddy p {
  color: #000000;
  font-weight: 600;
  font-size: 10px;
  line-height: 20px;
  text-decoration: none;
  position: relative;
           /* center on page */ 
}

.bugatti_about.diddy .text-box {
  background-color: rgba(255, 255, 255, 0.8); /* semi-transparent white */
  border: 2px solid #2d72a2;  /* blue border */
  padding: 30px;               /* space inside the box */
  border-radius: 15px;         /* rounded corners */
  box-shadow: 2px 2px 10px rgba(0,0,0,0.2); /* optional shadow */
  max-width: 800px;            /* optional width */
  margin-top: 20px auto;           /* center horizontally */
}

.bugatti_model.classic{
  position: absolute;
  left: 5%;
  position: absolute;

  top: 18%;
  font-size: 120px;
  font-weight: 700;
  color: #2d72a2;
  text-shadow: 4.13753px 4.13753px 8.27506px #252525;
  opacity: 0;
  animation: fade-in 0.5s linear forwards;
  animation-delay: 1s;
}

.bugatti_about.halamadrid {
  position: absolute;
  bottom: 12%;
  left: 5%;
  width: 50%;
  opacity: 0;
  animation: fade-in 1s linear forwards;
  animation-delay: 1.5s;
}

.bugatti_about.halamadrid p {
  color: #ffffff;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  position: relative;
  text-indent: 30px; /* dimensiunea aliniatului */
}

.bugatti_main > div > img[src="WhatsApp Image 2025-07-30 at 16.13.21.jpeg"] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.bugatti_about.marryme {
  position: absolute;
  bottom: 12%;
  left: 5%;
  width: 50%;
  opacity: 0;
  animation: fade-in 1s linear forwards;
  animation-delay: 1.5s;
}

.bugatti_about.marryme p {
  color: #c9d1c9;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  position: relative;
}

.bugatti_about.itzrealme {
  position: absolute;
  bottom: 12%;
  left: 5%;
  width: 50%;
  opacity: 0;
  animation: fade-in 1s linear forwards;
  animation-delay: 1.5s;
}

.bugatti_about.itzrealme p {
  color: #000000;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  position: relative;
           /* center on page */ 
}

.bugatti_about.itzrealme .text-box {
  background-color: rgba(255, 255, 255, 0.8); /* semi-transparent white */
  border: 2px solid #2d72a2;  /* blue border */
  padding: 30px;               /* space inside the box */
  border-radius: 15px;         /* rounded corners */
  box-shadow: 2px 2px 10px rgba(0,0,0,0.2); /* optional shadow */
  max-width: 800px;            /* optional width */
  margin-top: 20px auto;           /* center horizontally */
}

.bugatti_about.barca p {
  color: #ffffff;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  position: relative;
}

.bugatti_about.barca {
  position: absolute;
  bottom: 12%;
  left: 5%;
  width: 50%;
  opacity: 0;
  animation: fade-in 1s linear forwards;
  animation-delay: 1.5s;
}