njpma/app/static/css/partials/_contact.scss

55 lines
1 KiB
SCSS
Raw Permalink Normal View History

2021-10-27 13:00:05 +00:00
.contact {
2021-10-26 15:47:06 +00:00
max-width: var(--container-lg-width);
margin: 0 auto;
2021-10-27 13:00:05 +00:00
padding: var(--spacing) 0;
2021-10-26 15:47:06 +00:00
h1 {
font-size: 22px;
2021-10-27 11:12:11 +00:00
font-weight: 700;
margin: 0 0 var(--spacing-2) 0;
}
label {
font-size: 18px;
display: block;
padding: 0 0 calc(var(--spacing) / 2) 0;
2021-10-26 15:47:06 +00:00
}
input[type=email], textarea {
background: blue;
color: red;
font-size: 20px;
2021-10-27 11:12:11 +00:00
margin-bottom: var(--spacing-2);
}
input[type=email], input[type=email], textarea {
border: 0;
2021-10-26 15:47:06 +00:00
line-height: 1.3;
2021-10-27 11:12:11 +00:00
display: block;
width: 100%;
2021-10-27 13:00:05 +00:00
@media screen and (min-width: 800px) {
width: 50%;
}
2021-10-26 15:47:06 +00:00
}
2021-10-27 11:12:11 +00:00
2021-10-26 15:47:06 +00:00
textarea {
height: 300px;
}
2021-10-27 11:12:11 +00:00
2021-10-26 15:47:06 +00:00
input[type=submit] {
border: 0;
2021-10-27 11:12:11 +00:00
color: #fff;
background: var(--gradient-body);
font-size: 18px;
font-family: "noto_sans", sans-serif;
font-weight: 700;
padding: var(--spacing) var(--spacing-2);
display: block;
2021-10-27 13:00:05 +00:00
background-size: 400% 100%;
animation: background_animation 60s ease-in-out infinite, text_animation 60s ease-in-out infinite;
2021-10-28 11:28:52 +00:00
cursor: pointer;
2021-10-26 15:47:06 +00:00
}
}