F_MNIST
1h1,h2, h3,h4, h5, h6, * {2margin: 0;3padding: 0;4box-sizing: border-box;5}
6
7body {8background: rgb(82, 36,8);9}
10.canvas {11background-color: white;12border-radius: 20px;13}
14.section-main {15display: flex;16flex-direction: column;17align-items: center18}
19
20.headDescr__heading, .headDescr__descr {21display: inline-block;22text-align: center;23}
24
25.headDescr__heading {26color: white;27font-size: 60px;28font-weight: 700;29margin-bottom: 10px;30}
31
32.headDescr__descr {33color: white;34font-size: 20px;35}
36
37.main__block {38width: 600px;39display: flex;40flex-direction: column;41align-items: center42}
43
44.main_headDescr {45display: flex;46flex-direction: column;47}
48
49.blockPredict {50width: max-content;51display: flex;52flex-direction: column;53align-items: center;54}
55
56.buttons {57width: 100%;58margin-bottom: 20px;59display: flex;60justify-content: space-between;61}
62
63.canvas {64width: 280px;65height: 280px;66margin-bottom: 10px;67}
68
69.button {70font-size: 20px;71padding: 2px 5px;72outline: none;73color: white;74border: none;75border-radius: 5px;76cursor: pointer;77}
78
79.buttonClear {80background-color: pink;81}
82
83.buttonPredict {84background-color: aqua;85}
86
87.button:hover {88transform: scale(1.1);89box-shadow: 2px 2px 10px white;90}
91
92.button:active {93transform: scale(0.95);94}
95
96.predictElem {97font-size: 100px;98color: white;99}