#ord{ overflow: hidden; } .yikes { float: left; padding: 5px; } h1 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 25px; letter-spacing: -0.6px; word-spacing: 2.4px; color: #000000; font-weight: 700; text-decoration: none; font-style: normal; font-variant: normal; text-transform: none; } p { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 16px; letter-spacing: -0.6px; word-spacing: 2.4px; color: #000000; font-weight: 700; text-decoration: none; font-style: normal; font-variant: normal; text-transform: none; } h2 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 16px; letter-spacing: -0.6px; word-spacing: 2.4px; color: #000000; font-weight: 700; text-decoration: none; font-style: normal; font-variant: normal; text-transform: none; } .css-input { padding: 9px; font-size: 20px; border-width: 3px; border-color: #528935; background-color: #ffffff; color: #000000; border-style: solid; border-radius: 13px; box-shadow: 0px 0px 5px rgba(66,66,66,.75); text-shadow: 0px 0px 5px rgba(66,66,66,.75); } .css-input:focus { outline:none; } .myButton { background-color:#44c767; border-radius:28px; border:1px solid #18ab29; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:17px; padding:16px 31px; text-decoration:none; text-shadow:0px 1px 0px #2f6627; } .myButton:hover { background-color:#5cbf2a; } .myButton:active { position:relative; top:1px; } #myText{ border: 2px solid black; } #myTextWord{ border: 2px solid black; } #myCanvas{ border: 5px solid black; position: relative; padding: 10px; float: left; } .guessField{ position: relative; top: 5%; left: 2%; } .resultField{ position: relative; padding-top: 40px; left: 5%; } .resultField1{ position: relative; left: 5%; }