SHARE
TWEET

Untitled

a guest May 26th, 2019 65 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. html, body {
  2.     overflow: hidden;
  3.     width: 100%;
  4.     height: 100%;
  5.     color: black;
  6.     background-color: aqua;
  7. }
  8.  
  9. @font-face {
  10.     font-family: 'Montserrat';
  11.     src: url('/data/fonts/Montserrat-Medium.ttf');
  12. }
  13.  
  14. .header {
  15.     height: auto;
  16.     width: auto;
  17. }
  18.  
  19. .header_icon {
  20.     font-size: 24px;
  21. }
  22.  
  23.  
  24. .left {
  25.     float: left;
  26.     margin: 25px 0 0 25px;
  27.    
  28. }
  29.  
  30. .right {
  31.     float: right;
  32.     margin: 25px 25px 0 0;
  33.    
  34. }
  35.  
  36.  
  37. .menubar {
  38.     height: 100vh;
  39.     width: 0;
  40.     background-color: #303030;
  41.     display: flex;
  42.     flex-direction: column;
  43.     float: right;
  44.     top: 0;
  45.     right: 0;
  46.     z-index: 1;
  47.     position: fixed;
  48.     transition: 0.5s;
  49.     overflow: hidden;
  50.    
  51. }
  52.  
  53. .menubar a {
  54.     text-decoration: none;
  55.     color: #fff;   
  56.        
  57. }
  58.  
  59. .menu_header {
  60.     margin: 25px 25px 0 0;
  61.     margin-bottom: 50%;
  62. }
  63.  
  64. .menu_header span {
  65.     float: right;
  66.     font-size: 24px;
  67.     color: #fff;
  68. }
  69.  
  70. .menu_header span:hover {
  71.     color: hsla(0,0%,88%,1.00);
  72. }
  73.  
  74. .header_search {
  75.     width: 0;
  76.     border: none;
  77.     outline: none;
  78.     background: hsla(359,100%,84%,1.00);
  79.     transition: 0.5s;
  80.     font-size: 18px;
  81.     border-radius: 0 15px 15px 0;
  82.     margin-bottom: 4px;
  83.     margin-top: 4px;
  84.     color: #000000;
  85.    
  86. }
  87.  
  88. .menu_group {
  89.     margin: 0px 25px 10px 25px;;
  90.     display: flex;
  91.     flex-direction: column;
  92.     float: right;
  93.     font-family: Montserrat;
  94.     font-size: 18px;
  95.     justify-content: center;
  96.     align-content: center;
  97.     align-items: center;
  98.     border-bottom: solid #b6b6b6 2px;
  99.    
  100. }
  101. .last {
  102.     margin-bottom: 10px;
  103. }
  104.  
  105. .center {
  106.     display: flex;
  107.     align-content: center;
  108.     align-items: center;
  109.     justify-content: center;
  110. }
  111.  
  112. .registration_form {
  113.     height: auto;
  114.     width: auto;
  115.     margin-top: 15%;
  116. }
  117.  
  118. .form_group p {
  119.     margin: 0 0 3px 2px;
  120.     font-family: Montserrat;
  121. }
  122.  
  123. .form_group input {
  124.     border: none;
  125.     border-radius: 15px;
  126.     background: #cbcbcb;
  127.     margin: 0 0 10px 0;
  128.     padding: 2px 0 2px 5px;
  129.     outline: none;
  130.     font-size: 15px;
  131. }
  132.  
  133. .form_group input:focus {
  134.     outline: none;
  135. }
  136.  
  137. .btn {
  138.     background-color: #bce29e;
  139.     width: 100%;
  140.     border: none;
  141.     border-radius: 15px;
  142.     height: 25px;
  143.     font-family: Montserrat;
  144.     color: #fff;
  145.     padding: 0;
  146.     text-align: center;
  147. }
  148.  
  149. .btn:focus {
  150.     outline: none;
  151. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top