<style scoped> p, li { font-size: 1.8rem; text-align: center; } section{ padding-left: 120px; padding-right: 120px; } h1 { position: absolute; top: 60px; left: 70px; font-size: 1.4rem; font-weight: 600; color: #246; } strong { text-decoration: underline #FFE177 16px; text-underline-offset: -4px; text-decoration-skip-ink: none; } </style> # 本日の目標 **SoundCloud** アカウントを作ってもらう ---
<style scoped> * { text-align: center; } p { font-size: 1rem; } section { padding: 78.5px 25px; } </style> # 同人音楽を聴く中で話し手が持っているマインド ---
<style scoped> p, li { font-size: 1.5rem; font-weight: 600; } section{ padding-left: 120px; padding-right: 120px; } h1 { position: absolute; top: 60px; left: 70px; font-size: 1.4rem; font-weight: 600; color: #246; } .tate { display: grid; grid-template-columns: 1fr 2fr; } img{ width: 50px; height: 50px; } strong { text-decoration: underline #FFE177 16px; text-underline-offset: -4px; text-decoration-skip-ink: none; } .flex { display: flex; align-items: center; } .flex p { display: flex; align-items: center; padding-left: 40px; /* gap: 40px; */ } .flex strong { text-decoration: underline #FFA9C5 16px; text-underline-offset: -4px; text-decoration-skip-ink: none; } .alignCenter { display: grid; align-content: center; } </style> # 同人音楽を聴くマインド <br> <div class="tate"> <div class="alignCenter"> - **魂が好きか** <br> </div> <div class="flex"> <br> </div> </div> ---
<style scoped> p, li { font-size: 1.5rem; font-weight: 600; } section{ padding-left: 120px; padding-right: 120px; } h1 { position: absolute; top: 60px; left: 70px; font-size: 1.4rem; font-weight: 600; color: #246; } .tate { display: grid; grid-template-columns: 1fr 2fr; } img{ width: 50px; height: 50px; } strong { text-decoration: underline #FFE177 16px; text-underline-offset: -4px; text-decoration-skip-ink: none; } .flex { display: flex; align-items: center; } .flex p { display: flex; align-items: center; padding-left: 40px; /* gap: 40px; */ } .flex strong { text-decoration: underline #FFA9C5 16px; text-underline-offset: -4px; text-decoration-skip-ink: none; } .alignCenter { display: grid; align-content: center; } </style> # 同人音楽を聴くマインド <br> <div class="tate"> <div class="alignCenter"> - 魂が好きか <br> - **興味ないか** </div> <div class="flex"> <br> </div> </div> ---
<style scoped> p, li { font-size: 1.5rem; font-weight: 600; } section{ padding-left: 120px; padding-right: 120px; } h1 { position: absolute; top: 60px; left: 70px; font-size: 1.4rem; font-weight: 600; color: #246; } .tate { display: grid; grid-template-columns: 1fr 2fr; } img{ width: 50px; height: 50px; } strong { text-decoration: underline #FFE177 16px; text-underline-offset: -4px; text-decoration-skip-ink: none; } .flex { display: flex; align-items: center; } .flex p { display: flex; align-items: center; padding-left: 40px; /* gap: 40px; */ } .flex strong { text-decoration: underline #FFA9C5 16px; text-underline-offset: -4px; text-decoration-skip-ink: none; } .alignCenter { display: grid; align-content: center; } </style> # 同人音楽を聴くマインド <br> <div class="tate"> <div class="alignCenter"> - 魂が好きか <br> - 興味ないか </div> <div class="flex"> <br>  **嫌いな同人音楽なんてない** </div> </div> ---
<div class="movie"> <iframe width="480" height="480" src="https://www.youtube.com/embed/bhABIic1K44" title="Unwelcome School" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div>
<div class="movie"> <iframe width="800" height="600" src="https://embed.nicovideo.jp/watch/sm40875076" allowfullscreen scrolling="no" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture;" ></iframe> </div>
<div class="flex">