.app{font-family:Arial,sans-serif;background-color:#87ceeb;min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;padding:20px 0}.section{border:1px solid #333;border-radius:8px;padding:1rem}.logo{max-width:300px}.main{flex-grow:1;position:relative}.school-background{position:relative;height:300px}.school{position:absolute;bottom:0;left:50%;transform:translate(-50%);max-width:600px}.principal{position:absolute;bottom:0;left:50%;transform:translate(-50%);max-height:250px}.clouds{position:absolute;top:20px;width:100%}.cloud{position:absolute;max-width:100px}.cloud:first-child{left:10%}.cloud:last-child{right:15%}.message-box{background-color:#fff;border-radius:10px;padding:20px;max-width:600px;margin:20px auto;text-align:center;box-shadow:0 0 10px #0000001a}.listen-button{background-color:red;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;margin-top:10px}.icon{margin-right:5px}.audience{text-align:center;margin-top:20px}.footer{background-color:#f0f0f0;padding:20px;text-align:center}.credit{margin-bottom:10px}.credit-image{max-width:200px}.share-buttons{margin:20px 0}.share-button{margin:0 5px;padding:5px 10px;border:none;border-radius:3px;cursor:pointer}.twitter{background-color:#1da1f2;color:#fff}.facebook{background-color:#4267b2;color:#fff}.hatena{background-color:#00a4de;color:#fff}.line{background-color:#00b900;color:#fff}.copyright{font-size:12px;color:#666}