@charset "UTF-8";

/* Fonts  #cd0134*/
:root {
  --default-font: "Sriracha", "Roboto",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "Sriracha", cursive;
  --nav-font: "Sriracha", cursive;
}


:root { 
  --background-color: #ffffff;
  --default-color: #35211f; 
  --heading-color: #200f0d; 
  --accent-color: #2f4157; 
  --surface-color: #f3efeb; 
  --contrast-color: #ffffff; 
}


:root {
  --nav-color: #ffffff;
  --nav-hover-color: #c8d8e4; 
  --nav-mobile-background-color: #ffffff; 
  --nav-dropdown-background-color: #ffffff; 
  --nav-dropdown-color: #35211f; 
  --nav-dropdown-hover-color: #2f4157; 
}


.light-background {
  --background-color: #faf9f6;
  --surface-color: #ffffff;
}

.dark-background {
  --background-color: #2f4157;
  --default-color: #ffffff;
  --heading-color: #ffffff;
  --surface-color: #f3efeb;
  --contrast-color: #ffffff;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}


@media (max-width: 768px) {
 .logosize {
    font-size: 1.2rem;
    color:#fff;
    font-weight: 700;
  }
    .contact_text {
    font-size: 1.2rem;
    color:#2f4157;
    font-weight: 700;        
    }
}

@media (min-width: 768px) {
 .logosize {
    font-size: 1.2rem;
    color:#fff;
    font-weight: 700;
  }
    .contact_text {
    font-size: 1.2rem;
    color:#2f4157;
    font-weight: 700;        
    }    
}

@media (min-width: 1200px) {
.logosize {
    font-size: 2.3rem;
    color:#fff;
    font-weight: 700;
  }
    .contact_text {
    font-size: 2.5rem;
    color:#2f4157;
    font-weight: 700;        
    }    
}

.sriracha-regular {
  font-family: "Sriracha", cursive;
  font-weight: 400;
  font-style: normal;
}

.sricha {
  font-family: "Sriracha", cursive;
  font-weight: 900;
  font-style: normal;
  font-size: 2rem;
}

body {
            background-color: #f0f2f5;
            font-family: "Sriracha", cursive;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px 0;
        }

        .card-registration {
            border: none;
            border-radius: 1rem;
            box-shadow: 0 10px 25px rgba(0,0,0,0.05);
            overflow: hidden;
        }

        .form-header {
            background: linear-gradient(135deg, #2e475f 0%, #1e4061 100%);
            color: white;
            padding: 2rem;
            text-align: center;
        }

        .btn-google {
            background-color: #fff;
            color: #DB4437;
            border: 1px solid #ddd;
            font-weight: 500;
            transition: all 0.3s;
        }
        
        .btn-google:hover {
            background-color: #f8f9fa;
            border-color: #c6c6c6;
            transform: translateY(-1px);
        }

        .btn-facebook {
            background-color: #2e475f;
            color: white;
            border: none;
            font-weight: 500;
            transition: all 0.3s;
        }

        .btn-facebook:hover {
            background-color: #2e475f;
            color: white;
            transform: translateY(-1px);
        }

        .separator {
            display: flex;
            align-items: center;
            text-align: center;
            margin: 1.5rem 0;
        }

        .separator::before,
        .separator::after {
            content: '';
            flex: 1;
            border-bottom: 1px solid #dee2e6;
        }

        .separator span {
            padding: 0 10px;
            color: #6c757d;
            font-size: 0.9rem;
        }

.mitr-extralight {
  font-family: "Sriracha", cursive;
  font-weight: 200;
  font-style: normal;
}

.mitr-light {
  font-family: "Sriracha", cursive;
  font-weight: 300;
  font-style: normal;
}

.mitr-regular {
  font-family: "Sriracha", cursive;
  font-weight: 400;
  font-style: normal;
}

.mitr-medium {
  font-family: "Sriracha", cursive;
  font-weight: 500;
  font-style: normal;
}

.mitr-semibold {
  font-family: "Mitr", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.mitr-bold {
  font-family: "Sriracha", cursive;
  font-weight: 700;
  font-style: normal;
}