Поддержи канал: / @dmitriymischuk # / dmitriymischuk Facebook: / mischuk.dmitry Instagram: / mischukdmitry Блог:
main.css { padding: 0; margin: 0; box-sizing: border-box; } body { width: 100vw; height: 100vh; background-color: rgb(4, 4, 46); } h1 { color: rgb(235, 239, 241); text-align: center; margin: 10% auto 0; border-bottom: 2px solid #f0ecec; padding-bottom: 15px; width: 400px; } .container { width: 50%; height: fit-content; padding: 10px; margin: 50px auto 0; font-size: 25px; color: rgb(54, 119, 175); } .container .box { margin: 30px 30px 0 0; display: inline-block; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } input[type='number'], input[type="number"]:hover, input[type="number"]:focus { appearance: none; -moz-appearance: textfield; } .container .box input { width: 100px; height: 50px; border-radius: 10px; border: 1px solid #7994ec; color: aliceblue; background: none; padding: 0 10px; cursor: pointer; } .container button { width: 150px; height: 50px; border: 3px solid #7994ec; border-radius: 15px; padding: 10px; margin: 30px 20px 0 0; background: none; color: tomato; } .container button:hover{ background-color: tomato; color: aliceblue; } .container .answer{ margin-top: 30px; } .container .answer p{ margin: 40px 0; } #clearAll{ display: none; } .warning{ color: red; font-size: 22px; background-color: darkblue; position: fixed; left: 50%; transform: translateX(-50%); bottom: 15%; padding: 12px 50px; border-radius: 30px; text-transform: capitalize; transition: all .5s ease-in-out; } #DmitriyMischuk #gopython
