.content{display:flex;gap:2rem;align-items:flex-start;margin:1rem 4rem 0rem}.portrait{width:300px;height:auto;border-radius:8px;flex-shrink:0}.text{flex:1}p{color:#f0f8ff;justify-content:center;margin:0 0 1rem 0rem;font-size:1.5rem}hr{color:#fff}a{color:#61dafb;cursor:pointer}a:hover{color:#21a9c7}h1{color:#fff;justify-content:center;text-align:center;font-size:2rem;margin:0 0 1rem}h2{color:#fff;justify-content:center;text-align:center;font-size:1.8rem}.audio-container{display:flex;justify-content:center;margin:2rem auto}audio{width:100%;max-width:400px;margin:1rem 0}@media(max-width:768px){.content{flex-direction:column;align-items:center;margin:1rem 2rem}.portrait{width:250px}}.image{width:22rem;height:auto;border-radius:8px;display:block;margin:2rem auto}.sub{text-align:center;color:gray;font-size:1.2rem;margin:-1rem 0 1rem}@media(max-width:430px){p{font-size:1rem;margin:0 0rem 1rem}h2{font-size:1.2rem}}