body    {
    background-image: linear-gradient( white, #53cae7);
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;}

header  {
        width: 100%;
        height: 20%;
        margin: auto;
        position: top;}

.logo   {width: 20%;
        height: 20%;
        }     

h1      {font-family: Martina, Helvetica, sans-serif;
        text-align: center;
        margin: auto;
        font-size: 300%;
        padding: 1%;
        }

        div.img1 {
            
            text-align: center;
            width: 20%;
            
            margin-left: 40%;
            margin-right: 30%;
            
        }

        img.home {
            width: 75%;
            height: 75%;
            padding: 20px;
            border-radius: 25px;
            
        }


        form {
            text-align: center;
        }

        label {
            height: 100%;
            width: 100%;
        }

        img.size {
                width: 500px;
                height: 500px;
                padding: 50px;
        }

        .card {
            border: 2px double #3e3e3e96;
            /* background-image: linear-gradient(#53cae7, white); */
            /* border-radius: 20px; */
            background-color: #F1F3F4;
            width: auto;
            height: auto;
            text-align: center;
            margin: auto;
          }

          .card-header {
            font-family: Martina, Helvetica, sans-serif;
            font-size: 150%;
          }

          .card-group {
              display: flex;
          }

          .card-body {
                margin: auto;
          }
          
          
          img {
            border-radius: 25px;
            height: 250px;
            width: 250px;
            padding: 10px;
          }

          canvas {
              float: right;
              border-radius: 25px;
              height: 30%;
              width: 30%;
              margin-right: 25%;
          }


footer { position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-top: 50px;

    background-color: rgb(255, 255, 255);
    
    font-family: Martina, Helvetica, sans-serif;
    font-size: 150%;
    padding: 5px;
        }

html {height: 100%;}