* { box-sizing: border-box; } body{ background-color: #43464b; } h1 { color: #FEDD00; font-weight: bold; } .moveOn{ display: inline-block; border: none; padding: 6px 12px; margin-botton: 0; font-size: 1rem; font-weight: normal; text-align: center; cursor: pointer; border-radius: 4px; background-color: #4BB543; color: white; } button:disabled{ opacity: 0.5; cursor: not-allowed; } /* Retsept Lõpus*/ .retsept { margin-top: 5%; width:60%; color: #AFFF80; text-align: center; font-size: 1.2rem; } /* Modal Stuff */ .avatar { border-radius: 20px; width: 100%; max-width: 15rem; } .modalHeaderWrapper{ text-align: center; margin: 0; width: 100%; } .closeModalButton { border-radius: 50px; } .modalButton{ position: absolute; top: 0; right: 0; padding: 6px; padding: 9px 25px; background-color: rgba(0,136,169,1); border: none; border-radius: 50px; cursor: pointer; transition: all 0.3 ease 0; margin: 3%; font-size: 1.2rem; } .modalButton:hover{ background-color: rgba(0,136,169,0.8); } /* Input Box styles */ .inputBox{ margin-top: 10px; } #inputNr { width: 3em; } .messageBox{ color: #43464b; } .subBtn{ display: inline-block; border: none; padding: 3px 6px; margin-botton: 0; font-size: .95rem; font-weight: normal; text-align: center; cursor: pointer; border-radius: 2px; color: white; background-color: #9D8C7C; } .subDisabled{ cursor: not-allowed; } /* Kusimusi */ .main li{ margin: 10px; } /* Main styles*/ .main{ display: flex; } table{ margin: 20px auto; } td { border: 4px solid #43464b; width: 40px; height: 40px; font-weight: bold; } .left, .right{ margin: 10px; width: calc((100vw - (13*40px) - 40px) / 2); } /* Ristsõna */ .vastus td{ border: 5px solid lime; } .kurk, .majonees, .vorst, .porgand, .õun, .sool, .pipar, .hernes, .muna, .sibul, .hapukoor, .kartul { border: 5px solid white; color: white; } .kurk span, .majonees span, .vorst span, .porgand span, .õun span, .sool span, .pipar span, .hernes span, .muna span, .sibul span, .hapukoor span, .kartul span{ display: none; }