body{
    width: 100%;
    background-color: rgb(244, 243, 243);
    color:  rgb(185, 185, 185);
    font-size: large;
    font-weight: bold;
    /*outline: red 1px solid;*/
    margin: 0 auto;
}
h1{
    position:relative;
}
.button{
    position: absolute;
    top: 0%;
    right:10%;
    height: 60%;
    width:20vw;
    transform: translate(0, -25%);
    color:  rgb(185, 185, 185);
    background-color: rgb(244, 243, 243);
    font-size:2.2vmin;
    font-weight: bold;
    border:solid thick rgb(185, 185, 185);
}
.button:hover{
    background-color: rgb(185, 185, 185);
    color: rgb(244, 243, 243);
}
.button2{
    position: absolute;
    top: 70%;
    right:10%;
    height: 60%;
    width:20vw;
    transform: translate(0, -25%);
    color:  rgb(185, 185, 185);
    background-color: rgb(244, 243, 243);
    font-weight: bold;
    font-size:2.2vmin;
    border:solid thick rgb(185, 185, 185);
}
.button2:hover{
    background-color: rgb(185, 185, 185);
    color: rgb(244, 243, 243);
}
.card{
    display:inline-block;
    position: relative;
    font-size:4vmin;
    margin-top: 10vh;
    margin-bottom:10vh ;
    margin-left: 50vw;
    width: 90%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 5px 0px rgba(98,98,98,0.8); /*影の指定*/
    outline: red 1px solid;
    }
    .card2{
     display: inline-block;
     position: relative;
     top: 0;
    font-size:3vmin;
    margin-top: 17vh;
    margin-left: 50vw;
    aspect-ratio: 91 / 55;
    width: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 5px 0px rgba(98,98,98,0.8); /*影の指定*/
    outline: red 1px solid;
    
        }
        .c2{
            width:100% ;
            height: 100%;
            outline: red 1px solid;
        }
    .textbox {
        /*border-radius: 5px;*/
        border:none;
        border-bottom: 2px solid rgb(185, 185, 185);
        background-color: rgb(244, 243, 243);
        width: 50%;
        font-size: 1em;
      }
     .tit{
        font-size: 70%;
     }
    .textbox:focus {
        outline: 0;
        border: 2px solid #2196f3;
        outline: red 1px solid;
      }
    
     .wrap_original {
        overflow: hidden;
        }
     .box {
     display: inline-block;
     top: 0;
    font-size:3vmin;
    margin-top: 17vh;
    margin-left: 50vw;
    transform: translate(-50%, -50%);
   /* box-shadow: 0px 0px 5px 0px rgba(98,98,98,0.8);
    outline: red 1px solid;
            vertical-align: top;
            border: 1px solid black;*/
          }
        #src{
            height: 100%;
        }