<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset"UTF-8";
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
    min-height: 100vh;
    background-image: url(../image/gachaback.png);
    background-repeat: repeat;
    background-size: 20%;
}
header{
    background-image: url(../image/gachaheader.jpg);
    background-size:cover;
    background-position:center;
    background-repeat: no-repeat;
}
h1{
    color:black;
    -webkit-text-stroke:1px white;
    -text-stroke:1px white;
    margin-left:2vw;
}
h2{
    color:darkblue;
    -webkit-text-stroke:1px dodgerblue;
    -text-stroke:1px dodgerblue;
    font-family:serif;
    font-style:oblique;
    margin-left:3vw;
}
h3{
    text-align:center;
    margin:5vh auto;
    width:fit-content;
    color:black;
    background-color: white;
}
p{
    text-align:center;
    margin:5vh auto;
    width:fit-content;
    color:black;
    background-color: white;
}
small{
    color:black;
}
a{
    color:black;
}
#main{
    background-color: darkgray;
    margin:auto;
    margin-top: 10vh;
}
.item{
    display:flex;
    justify-content: center;
    margin:0 0;
}
.item img{
    display:block;
    text-align: center;
}
#return{
    display:flex;
    justify-content: center;
    margin:0 0;
}
#return img{
    display:block;
}
@media screen and (max-width:500px){
    h1{
        font-size:32px;
    }
    h2{
        font-size: 18px;
    }
    h3{
        font-size:5vw;
    }
    p{
        font-size:3.5vw;
    }
    #main{
    width:70vw;
    height:110vw;
    }
    .item img{
    margin-top:2vw;
    }
    #title img{
    width:60vw;
    }
    #handle img{
    width:30vw;
    }
    #door img{
    width:30vw;
    }
    #rarelity img{
    margin-top:6vw;
    height:30vw;
    }
    #prize img{
    margin-top:6vw;
    width:70vw;
    } 
    #card img{
    margin-top:6vw;
    width:20vw;
    }
    #return img{
        width:40vw;
    }
    footer{
        margin-top: 10vw;
    }
    #small{
        margin-top:10vw;
    }
}
@media screen and (min-width:501px){
    h1{
        font-size:48px;
    }
    h2{
        font-size: 32px;
    }
    h3{
        font-size: 3vw
    }
    p{
        font-size:1.5vw;
    }
    #main{
    width:40vw;
    height:45vw;
    }
    .item img{
    margin-top:1vw;
    }
    #title img{
    width:30vw;
    }
    #handle img{
    width:10vw;
    }
    #door img{
    width:10vw;
    }
    #rarelity img{
    margin-top:1vw;
    height:15vw;
    }
    #prize img{
    margin-top: 1vw;
    width:30vw;
    } 
    #card img{
    margin-top:1vw;
    width:10vw;
    }
    #return img{
    width:20vw;
    }
    footer{
        margin-top: 5vw;
    }
    #small{
        margin-top:5vw;
    }
}</pre></body></html>