@charset "utf-8";
:root,
html{scroll-behavior:auto !important;}
.home-bubble{z-index:1;background-color:var(--white);justify-content:center;align-items:center;height:1100px;width:100%;max-width:1920px;margin-left:auto;margin-right:auto;display:flex;position:relative;overflow:hidden;/*height:110vh;*/}
.home-bubble-center{flex-flow:column;justify-content:center;align-items:center;margin-top:0;display:flex;position:absolute;left:50%;top:50%;transform:translate(-50%);/*top:51.2rem;*/}
.home-bubble-item{background-color:var(--gray);border-radius:100000000px;justify-content:center;align-items:center;display:flex;position:static;top:80%;left:55%;width:450px;height:450px; /*width:26.7rem;height:26.7rem;*/}
.home-bubble-item img{width:100%;height:auto;display:block}
.home-bubble canvas{width:100%;height:100%;position:absolute;z-index:-1}

@media screen and (max-width: 767px) {
.home-bubble{height:55rem;}
.home-bubble-center{width:15rem;height:15rem;top:25px;}
.home-bubble-center img{width:100%;height:auto}
.home-bubble-item{width:10rem;height:10rem;}
}

@media only screen and (min-width: 991px) {
html{font-size:9px;}
.home-bubble{max-width:1440px;}
}

/*@media only screen and (min-width: 1441px) {}*/

@media only screen and (min-width: 1441px) {
html{font-size:10px;}
.home-bubble canvas{height:80%;}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
html{font-size:20px;}
.home-bubble-center,
.home-bubble-center img{width:250px;height:250px;}

.home-bubble{height:800px;max-width:900px;}
}

@media only screen and (max-width: 767px) {html{font-size:15px}}
@media only screen and (min-width: 1920px) {
html{font-size:10px;}
.home-bubble{max-width:1920px;}
.home-bubble canvas{height:100%;}
}

@media only screen and (min-width: 2500px) {
html{font-size:11px;}
.home-bubble{height:1250px;max-width:1920px;}
.home-bubble canvas{height:95%;max-height:1250px}
}

@media only screen and (min-width: 3500px) {
html{font-size:11px;}
.home-bubble{height:1350px;max-width:1920px;}
.home-bubble canvas{height:95%;max-height:1350px}
}

/*@media only screen and (min-width: 3200px) {
html{font-size:11.5px;display:block}
.home-bubble{height:1350px;}
.home-bubble canvas{height:95%;}
}*/