body {
      font-family: 'Segoe UI', sans-serif;
    }
    .hero {
      background: linear-gradient(135deg, #001f3f, #0074d9);
      color: white;
      padding: 100px 20px;
      text-align: center;
    }

    .hero h1{
        margin-top: 100px;
    }
    .section-title {
      font-size: 1.8rem;
      font-weight: 600;
      margin-top: 60px;
      margin-bottom: 30px;
    }
    .cta-buttons a {
      margin: 10px;
    }
    .footer {
      background-color: #001f3f;
      color: white;
      text-align: center;
      padding: 30px 10px;
      margin-top: 60px;
    }

    .form-signin {
    max-width: 330px;
    padding: 1rem;
    background-image: url("images/diana-polekhina-G0yOf-OF-SA-unsplash.jpg");
    }

    #navcoll{background-image: url('images/lap.jpg');
        background-size: 100% 100%; height: 500px; margin-bottom: 10px; margin-top:-20px; }
    
    #navcok{background-image: url('images/lon\ \(2\).jpg');
                            background-size: 100% 100%;  
                            height: 500px; margin-bottom: 10px; margin-top:-20px; }
    
    #navc{background-image: url('images/nasa.jpg');
          background-size: 100% 100%; height: 500px; margin-bottom: 10px; margin-top: -20px; }