@media all and (max-width: 840px) {
#container{text-align:center;padding:1rem 2rem}
#player{width: 100%}
h1{margin-bottom:5px}
}
@media all and (max-width: 450px) {
.mobile_br{display:block}
.typewrite{position:relative;top:12px}
#shuudan{margin-top:50px}
#iworkwith{margin-top:25px}
#text{font-size:20px}
h1{line-height: 1.1}
h1 span{margin-top:10px}
}
@media all and (max-width: 340px) {
#shuudan{font-size:20px}
#shuudan svg{width:25px;height:20px}
}