.enclose {
height: 450px;
- background: url("../brackets.png") no-repeat 50% 0;
margin: 1em 0;
background-size: auto 450px;
display: flex;
}
-form label, form input, form button {
+label, input, button, textarea {
display: block;
width: 100%;
}
padding: 1em 0;
}
header img {
- margin: 0 20px;
vertical-align: middle;
}
footer, #content_push {
.menu img {
box-shadow: 0 0 .2em black;
+ margin-bottom: 1em;
+}
+
+code.key {
+ white-space: nowrap;
+ width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: block;
+ color: #666;
+}
+
+
+.service-list {
+ display: flex;
+ gap: 10px;
+ flex-wrap: wrap;
+}
+a.service {
+ width: 130px;
+ height: 80px;
+ background: white;
+ box-shadow: 3px 3px 5px #aaa;
+ padding: 10px;
+ position: relative;
+ display: flex;
+ color: black;
+ align-items: center;
+ justify-content: center;
+}
+a.service:hover {
+ text-decoration: none;
+ background: orange;
+}
+.service-icon {
+ max-width: 100%;
+ max-height: 100%;
}