body{
    margin:0px;
    padding:0px;
    height:100%;
    width:100%;
    position: relative; /*配置位置の基準となる指定*/
}

#header{
    text-align: center;
    position: fixed;
    background-color: #aabbdd;
    width: 100%;
    height:10%;
}

/*  */
#content{
    text-align: center;
    width: 100%;
    height:80%;
}

#footer{
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #DBEDF0;
    width: 100%;
    height:10%;
}
.footerText {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    line-height: 50%;
    font-size: 2vh;
}

#jigsaws{
    width: 100%;
    height: 100%;
}