/* --- DESKTOP STYLE --- */
/* This code runs on phones by default */
/* This only triggers if the device is held sideways */
@media screen and (orientation: landscape) {


  body {
    /* The Image Path */
    /* background-image: url('IMAGES/your-background.jpg');  */

    background-image: url('IMAGES/backgroung_image.png');

    /* This makes it "Match_Parent" for the whole screen */
    background-size: cover;

    /* This keeps the image centered, similar to centerCrop */
    background-position: center;

    /* This prevents the image from repeating if the page is long */
    background-repeat: no-repeat;

    /* This keeps the background fixed while the content scrolls over it */
    background-attachment: fixed;
    height: 100vh;
    /* Clean up default browser spacing */
    margin: 0;
    padding: 0;
  }





  /* --- DEFAULT STYLES (Mobile First) --- */
  /* This code runs on phones by default */

  .form-box {
    max-width: auto;
    margin: auto;
    background: #ffffff;
    color: white;
    margin: 100px;
    padding: 50px;
    border-radius: 10px;

    /* horizontal | vertical | blur | spread | color */
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);

    grid-template-columns: 1fr 1fr 1fr;
    /* 3 Columns of equal width */

  }



  .DivCopyrigh {
    width: 100%;
    display: flex;
  }


}