Advertisement
pranjal1805

Untitled

Aug 10th, 2022
783
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.52 KB | None | 0 0
  1. .rectangle {
  2.     display: block;
  3.     height: 5%;
  4.     width: 6%;
  5.     border-radius: 5%;
  6.  
  7.     padding-bottom: 30%;
  8.     padding-left: 15%;
  9.     background: white;
  10.     position: relative;
  11.     margin-top: 10%;
  12.     margin-left: 10%;
  13.     margin-bottom: -2%;
  14. }
  15.  
  16. .rectangle1 {
  17.     position: absolute;
  18.     top: 4%;
  19.     left: 84%;
  20.     border-radius: 5%;
  21.     width: 90%;
  22.     height: 60%;
  23.     border-style: solid;
  24.     border-width: 0.12vw;
  25.     border-color: black;
  26.     padding-bottom: 45%;
  27.  
  28.     background: #b886c1;
  29.     margin-left: -80%;
  30.     margin-top: 0%;
  31.  
  32. }
  33.  
  34. #header {
  35.     padding-top: 30%;
  36.     padding-bottom: 25%;
  37.     margin-left: 2%;
  38.     padding-right: 6%;
  39.     font-size: 1.8vw;
  40.     text-align: center;
  41.     margin-bottom: 5px;
  42.     font-family: 'Open Sans', sans-serif;
  43. }
  44.  
  45. .image {
  46.     position: relative;
  47.     width: 110%;
  48.     top: 40%;
  49.     left: 10%;
  50. }
  51.  
  52. .brdr-1rem {
  53.     border-radius: 1rem 1rem 0% 0%;
  54. }
  55.  
  56. .para {
  57.     text-align: center;
  58.     position: absolute;
  59.     padding-bottom: 5%;
  60.     font-size: 1.6vw;
  61.     top: -42%;
  62.     left: 40%;
  63.     bottom: 5%;
  64. }
  65.  
  66. .image {
  67.     position: absolute;
  68.     top: -12%;
  69.     left: -13%;
  70. }
  71. .shuffle{
  72.     display: block;
  73.     position:absolute;
  74.     width: 80%;
  75.     object-fit: contain;
  76.     top: 90%;
  77.     left: 45%;
  78. }
  79. .main {
  80.     position: absolute;
  81.     color: #1d1c1c;
  82.     font-size: 1.5vw;
  83.     top: 40%;
  84.     left: 50%;
  85. }
  86.  
  87. .button {
  88.  
  89.     position: absolute;
  90.     display: inline-block;
  91.     vertical-align: middle;
  92.     text-align: center;
  93.     height: 1.5vw;
  94.     width: 30%;
  95.     font-size: 0.9vw;
  96.     border-radius: 1rem;
  97.     background: white;
  98.     font-family: 'Open Sans', sans-serif;
  99.     padding: 0.5vw 0.4vw 1.2vw 0.4vw;
  100.     border-style: solid;
  101.     border-width: 0.05vw;
  102.     top: 57%;
  103.     left: 32%;
  104.     margin-left: 0%;
  105. }
  106.  
  107. .button1 {
  108.  
  109.     position: absolute;
  110.     font-family: 'Open Sans', sans-serif;
  111.     text-align: center;
  112.     vertical-align: middle;
  113.     height: 1.5vw;
  114.     width: 30%;
  115.     font-size: 0.9vw;
  116.     border-radius: 1rem;
  117.     background: white;
  118.     padding: 0.5vw 0.4vw 0.2vw 0.4vw;
  119.     top: 57%;
  120.     left: 55%;
  121.     border-style: solid;
  122.     border-width: 0.05vw;
  123.     margin-left: 0%;
  124. }
  125.  
  126. .circle {
  127.     position: absolute;
  128.     margin-top: -16%;
  129.     border-style: solid;
  130.     border-width: 0.12vw;
  131.     border-color: black;
  132.     border-radius: 50%;
  133.     width: 32%;
  134.     height: 22%;
  135.     /*padding-top: 2rem;*/
  136.     left: 35%;
  137.  
  138.     background: white;
  139. }
  140.  
  141. .cross {
  142.     margin-top: -8%;
  143.     margin-left: 56%;
  144. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement