:root{background-image:url(https://raw.githubusercontent.com/DouglasVolcato/feliz-natal-client/master/src/images/background.jpg);background-size:cover;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;color:#eef109de;position:relative}.App{margin-top:100px;margin-bottom:100px}.header{position:absolute;top:0;left:0;text-align:center;width:100%;background-color:#003607;font-weight:700;color:#9cee03;display:flex;flex-wrap:wrap;justify-content:space-evenly}.footer{position:absolute;bottom:0;left:0;text-align:center;width:100%;background-color:#003607;font-weight:700;color:#9cee03}.messageCard{background-color:#444;padding:10px;font-size:20px;margin:10px;border:solid 4px yellow}.main-message-image{width:500px;max-width:60vw;border:solid 3px yellow;border-radius:3%}.messageCard-message{font-size:20px}.messageCard-author{font-size:16px;color:wheat}.addMessage{display:flex;flex-direction:column;max-width:70vw}.addMessage-form{border:solid 5px yellow;padding:10px;background-color:#525151;display:flex;flex-direction:column}.addMessage-form-input{margin:10px;font-size:17px;background-color:#555;color:#fff;border:solid 1px ghostwhite}.addMessage-form-input:focus{background-color:#3d3d3d}body{margin:0;display:flex;place-items:center;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#02530d;cursor:pointer;transition:border-color .25s;color:#faf1f1;font-weight:700;margin:5px}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (max-width: 320px){h2{font-size:20px}}@media (max-width: 260px){.App{margin-top:150px}h2{font-size:15px}}