eulaliaaires

Contato.css

Jun 18th, 2018
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.44 KB | None | 0 0
  1. body{
  2.     margin: 0;
  3. }
  4. .back{
  5.     display: flex;
  6.     flex-direction: column;
  7.     align-items: center;
  8.     width: 100vw;
  9.     height: 70vh;
  10.     background: linear-gradient( rgba(0,0,0,.3),rgba(0,0,0,.3)),url("contato.jpg");
  11.     background-size: cover;
  12.     background-position: center center;
  13.     background-repeat: no-repeat;
  14.  
  15. }
  16. .text{
  17.     display: flex;
  18.     justify-content: center;
  19.     align-items: center;
  20.     margin-top: 40px;
  21.     font-family: 'Source Sans Pro', sans-serif;
  22.     font-weight: 600;
  23.     color: #000000;
  24.     text-align: center;
  25.     font-size: 31px;
  26. }
  27. .container{
  28.     display: flex;
  29.     flex-direction: row;
  30.     justify-content: center;
  31.     align-items: center;
  32.     margin-top: 90px;
  33. }
  34. .form1{
  35.     display: flex;
  36.     flex-direction: column;
  37.     margin-right: 25px;
  38. }
  39. .form2{
  40.     display: flex;
  41.     flex-direction: column;
  42. }
  43.  
  44. .user{
  45.     display: flex;
  46.     flex-direction: column;
  47.     margin-bottom: 18px;
  48.     width: 438px;
  49.     height: 28px;
  50.     border-radius: 4px;
  51.     color: #000000;
  52.     font-family: 'Source Sans Pro', sans-serif;
  53.     text-indent: 10px;
  54.     border: none;
  55.     box-shadow: 1px 1px 1px 1px #cdcdb1;
  56.    
  57. }
  58. .user2{
  59.     display: flex;
  60.     flex-direction: column;
  61.     margin-bottom: 18px;
  62.     width: 438px;
  63.     height: 28px;
  64.     border-radius: 4px;
  65.     color: #000000;
  66.     font-family: 'Source Sans Pro', sans-serif;
  67.     text-indent: 10px;
  68.     border: none;
  69.     box-shadow: 1px 1px 1px 1px #cdcdb1;
  70. }
  71. .user3{
  72.     display: flex;
  73.     flex-direction: column;
  74.     margin-bottom: 18px;
  75.     width: 438px;
  76.     height: 126px;
  77.     border-radius: 4px;
  78.     color: #000000;
  79.     font-family: 'Source Sans Pro', sans-serif;
  80.     text-indent: 10px;
  81.     border: none;
  82.     box-shadow: 1px 1px 1px 1px #cdcdb1;
  83. }
  84. ::-webkit-input-placeholder{
  85.     font-family: 'Source Sans Pro', sans-serif;
  86.     font-weight: 400;
  87.     color: #646464;
  88.     text-indent: 10px;
  89. }
  90. .user3::-webkit-input-placeholder{
  91.     font-family: 'Source Sans Pro', sans-serif;
  92.     font-weight: 400;
  93.     color: #646464;
  94.     text-indent: 10px;
  95. }
  96. .button_submit{
  97.     display: flex;
  98.     justify-content: flex-end;
  99.     margin-left: 808px;
  100.     margin-top: 20px;
  101.     margin-bottom: 25px;
  102. }
  103. .botao{
  104.     background-color:rgba(8,162,132,1.8);
  105.     border: none;
  106.     color: #ffffff;
  107.     font-family: 'Source Sans Pro', sans-serif;
  108.     font-weight: 600;
  109.     width: 93px;
  110.     height: 30px;
  111.     border-radius: 4px;
  112.     float: right;
  113. }
Advertisement
Add Comment
Please, Sign In to add comment