Advertisement
delich1337

Untitled

May 30th, 2023
1,118
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.63 KB | None | 0 0
  1. ////////////////OVO TI JE ZA HEADING OVO STO PISE KORISNICKA PODRSKA
  2. .heading{
  3.     text-align: center;
  4.     color: #fff;
  5.     text-transform: uppercase;
  6.     padding-bottom: 3.5rem;
  7.     font-size: 4rem;
  8. }
  9. .heading span{
  10.     text-align: center;
  11.     color: var(--maincol);
  12.     text-transform: uppercase;
  13. }
  14.  
  15.  
  16. ////////////////////OVO TI JE ZA FORMU I OVE INPUTE I MAPU
  17.  
  18. .obrazac{
  19.     margin-top: 100px;
  20. }
  21. .obrazac .row{
  22.     display: flex;
  23.     align-items: center;
  24.     background: var(--floattxt);
  25.     flex-wrap: wrap;
  26.     gap: 1rem;
  27. }
  28. .obrazac .row .map{
  29.     flex: 1 1 45rem;
  30.     width: 100%;
  31.     object-fit: cover;
  32. }
  33. .obrazac .row form{
  34.     flex: 1 1 45rem;
  35.     padding: 5rem 2rem;
  36.     text-align: center;
  37. }
  38. .obrazac .row form h3{
  39.     text-transform: uppercase;
  40.     font-size: 3.5rem;
  41.     color: #fff;
  42. }
  43. .obrazac .row form .inputbox{
  44.     display: flex;
  45.     align-items: center;
  46.     margin-top: 2rem;
  47.     margin-bottom: 2rem;
  48.     border: var(--border);
  49.     background: var(--maincol);
  50.    
  51. }
  52. .obrazac .row form .inputbox span{
  53.     color: #fff;
  54.     font-size: 2rem;
  55.     padding-left: 2rem;
  56. }
  57. .obrazac .row form .inputbox input,textarea{
  58.     background:var(--maincol);
  59.     border:none;
  60.     outline: none;
  61.     color: #fff;
  62.     width: 100%;
  63.     padding: 2rem;
  64.     font-size: 1.7rem;
  65.     text-transform: none;
  66. }
  67. .obrazac .row form .inputbox input::placeholder,textarea::placeholder{
  68.     color:#fff;
  69. }
  70. .obrazac .row .send{
  71.     background-color: rgb(135, 153, 130);
  72.     width: 150px;
  73.     height: 45px;
  74.    
  75. }
  76. .obrazac .row form .send:hover{
  77.     background-color:var(--maincol);
  78.     cursor: pointer;
  79. }
  80.  
  81.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement