body { background-color: #333333; color: white; } h1, h3 { display: flex; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5%; } h1 { font-size: xx-large; } h3 { font-size: x-large; } #input-placeholder { display: flex; flex-direction: row; align-content: center; align-items: center; } ul { padding-inline-start: 0px; margin-block-end: 0px; } li { padding-top: 10px; list-style: none; justify-content: left; align-self: left; padding-left: 0pt; overflow: hidden; text-overflow: ellipsis; } p { font-family: Arial, Helvetica, sans-serif; font-size:large; align-self: center; justify-content: center; } .info-console { color:gainsboro; font-size:large; } .console-container { color: green; font-family: monospace; width: 80%; font-size:x-large; } a:link { color: salmon; background-color: transparent; text-decoration: none; } a:visited { color: salmon; background-color: transparent; text-decoration: none; } input { width: 100%; margin-top: 10px; font-size:x-large; display: flex; background-color: #333333; border: 0; border-image-width: 0px; padding: 0px; color: green; font-family: monospace; } *:focus { outline: none; } .container { flex-direction: column; display: flex; justify-content: center; align-items: center; padding: 5%; } button { display: none; } @media only screen and (max-device-width: 812px) { /* button { background-color: #111111; color: green; border:0; padding:3%; display: flex; width: 100px; font-size: x-large; font-family: Arial, Helvetica, sans-serif; } */ .console-container { font-size:xx-large; } input { font-size:xx-large; } .info-console { font-size:x-large; } p { font-size:xx-large; } }