@import url(https://fonts.googleapis.com/css?family=Merriweather);*,*:before,*:after{box-sizing:border-box}html,body{background:#f1f1f1;font-family:'Merriweather', sans-serif}article{display:flex;justify-content:center}h1{text-align:center;color:#a8a8a8;text-shadow:1px 1px 0 #fff}h2{text-align:left;color:#757575}#myh2{font-family:'Merriweather', sans-serif;font-size:1.2em}form{max-width:600px;text-align:center;margin:20px auto}form input,form textarea{border:0;outline:0;padding:1em;border-radius:8px;display:block;width:100%;margin-top:1em;font-family:'Merriweather', sans-serif;box-shadow:0 1px 1px rgba(0,0,0,0.1);resize:none}form input:focus,form textarea:focus{box-shadow:0 0px 2px #e74c3c !important}form #input-submit{color:white;background:#e74c3c;cursor:pointer}form #input-submit:hover{box-shadow:0 1px 1px 1px rgba(170,170,170,0.6)}form textarea{height:126px}.half{float:left;width:48%;margin-bottom:1em}.right{width:50%}.left{margin-right:2%}@media (max-width: 480px){.half{width:100%;float:none;margin-bottom:0}}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}a{text-decoration:none}header{text-align:center;padding:20px 0;margin-top:90px}#logo{max-width:129px;height:auto;border-radius:50%}#logo-header{max-width:40px;height:auto;border-radius:50%}.nav-link{font-family:'Montserrat', sans-serif}.navbar-brand{font-family:'Montserrat', sans-serif}.my-main-content{width:90%;max-width:600px;display:flex;margin-top:30px;flex-direction:column;align-items:flex-start}.my-audio-card{width:90%;max-width:600px;border:1px solid #ccc;border-radius:10px;box-shadow:2px 2px 10px rgba(0,0,0,0.1);margin:20px;margin-top:150px;padding:20px;box-sizing:border-box;background-color:rgba(240,185,213,0.096)}.my-card-content{text-align:center}.my-card-title{font-size:20px;margin-bottom:10px;color:#d9d9d9}.my-card-description{font-size:16px;margin-bottom:20px;color:#d9d9d9}audio{width:100%}#mylogo{max-width:60px;height:auto;border-radius:50%}@media screen and (max-width: 480px){header{justify-content:center}form{margin:1em}h2{font-size:1.5em}.my-audio-card{margin-top:20px}.my-main-content{margin-top:160px}.my-card-content{margin-top:15px}#mylogo{width:36px;border-radius:50%;margin-bottom:20}.navbar-brand{margin:0;font-size:16px}.navbar{display:flex;justify-content:space-between}}body{background-color:#191718 !important;min-height:100vh}.half.right.cf{width:100%}#input-message{width:100%;box-sizing:border-box}