Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- margin: 0;
- }
- .back{
- display: flex;
- flex-direction: column;
- align-items: center;
- width: 100vw;
- height: 70vh;
- background: linear-gradient( rgba(255,255,255,.3),rgba(255,255,255,.3)),url("contato.jpg");
- background-size: cover;
- background-position: center center;
- background-repeat: no-repeat;
- }
- .text{
- display: flex;
- justify-content: center;
- align-items: center;
- margin-top: 40px;
- font-family: 'Source Sans Pro', sans-serif;
- font-weight: 600;
- color: #000000;
- text-align: center;
- font-size: 31px;
- }
- .container{
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- margin-top: 90px;
- width: 60%;
- }
- .form1{
- display: flex;
- flex-direction: column;
- margin-right: 25px;
- width: 50%;
- }
- .form2{
- display: flex;
- flex-direction: column;
- width: 50%;
- }
- .user{
- display: flex;
- flex-direction: column;
- margin-bottom: 18px;
- width: 100%;
- height: 28px;
- border-radius: 4px;
- color: #000000;
- font-family: 'Source Sans Pro', sans-serif;
- text-indent: 10px;
- border: none;
- box-shadow: 1px 1px 1px 1px #cdcdb1;
- }
- .user2{
- display: flex;
- flex-direction: column;
- margin-bottom: 18px;
- width: 100%;
- height: 28px;
- border-radius: 4px;
- color: #000000;
- font-family: 'Source Sans Pro', sans-serif;
- text-indent: 10px;
- border: none;
- box-shadow: 1px 1px 1px 1px #cdcdb1;
- }
- .user3{
- display: flex;
- flex-direction: column;
- margin-bottom: 18px;
- width: 100%;
- height: 116px;
- border-radius: 4px;
- color: #000000;
- font-family: 'Source Sans Pro', sans-serif;
- text-indent: 10px;
- border: none;
- box-shadow: 1px 1px 1px 1px #cdcdb1;
- resize: none;
- }
- ::-webkit-input-placeholder{
- font-family: 'Source Sans Pro', sans-serif;
- font-weight: 400;
- color: #646464;
- text-indent: 10px;
- font-size: 90%;
- }
- .user3::-webkit-input-placeholder{
- font-family: 'Source Sans Pro', sans-serif;
- font-weight: 400;
- color: #646464;
- text-indent: 10px;
- text-align: start;
- }
- .button_submit{
- display: flex;
- justify-content: flex-end;
- width: 60%;
- margin-top: 20px;
- margin-bottom: 25px;
- }
- .botao{
- background-color:rgba(8,162,132,1.8);
- border: none;
- color: #ffffff;
- font-family: 'Source Sans Pro', sans-serif;
- font-weight: 600;
- width: 93px;
- height: 30px;
- border-radius: 4px;
- float: right;
- }
- textarea{
- padding: 10px 0 0 0;
- outline: none;
- }
- input{
- outline: none;
- }
- form{
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- width: 100%;
- height: 100%;
- }
- @media(orientation:portrait){
- .back{
- height: 80vh;
- }
- .container{
- flex-direction: column;
- width: 66%;
- margin-top: 43px;
- }
- .form1{
- display: flex;
- flex-direction: column;
- margin-left: 25px;
- width: 100%;
- }
- .form2{
- display: flex;
- flex-direction: column;
- width: 100%;
- }
- .user{
- margin-bottom: 8px;
- height: 81px;
- }
- .user2{
- margin-bottom: 9px;
- height: 81px;
- }
- .user3{
- height: 126px;
- }
- .button_submit{
- display: flex;
- justify-content: center;
- width: 66%;
- margin-bottom: 32px;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement