SAE_WEB_S1/CSS/contact.css

65 lines
1.1 KiB
CSS
Raw Normal View History

2024-01-17 13:42:30 +01:00
body{
2024-01-19 00:53:55 +01:00
font-family: Arial, Helvetica, sans-serif;
padding: 0px;
2024-01-17 13:42:30 +01:00
background-image:url("../img/background.svg");
}
2024-01-17 10:22:00 +01:00
main{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
h1{
margin-bottom: 10px;
}
form{
backdrop-filter: blur(10px);
background-color: rgba(255, 255, 255, 0.2);
width: 50%;
display: flex;
flex-direction: column;
align-items: center;
size: 10px;
box-shadow: 0 40px 60px rgba(0,0,0,0.7);
border-radius: 20px;
margin: 10vh;
}
2024-01-18 10:34:18 +01:00
2024-01-17 10:22:00 +01:00
form div {
margin: 2%;
}
2024-01-19 00:53:55 +01:00
/*input[type=text]:focus{
2024-01-17 13:42:30 +01:00
border: 2px solid red;
border-radius: 4px;
2024-01-19 00:53:55 +01:00
}*/
2024-01-17 13:42:30 +01:00
2024-01-19 00:53:55 +01:00
input[type=text], textarea, input[type=email] {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
resize: vertical;
}
label{margin-right: 0px;
margin-left: 0px;
width: 100%;}
input[type=submit] {
background-color: #1255a2;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type=submit]:hover {
background-color: #1872D9;
}