SHARE
TWEET

Untitled

a guest Aug 25th, 2019 84 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style type="text/css">
  2.  
  3.         *,
  4.         *::before,
  5.         *::after {
  6.         box-sizing: border-box;
  7.         padding: 0;
  8.         margin: 0;
  9.         }
  10.  
  11.       .wraper {
  12.           height: 138px;
  13.       }
  14.  
  15.       .navbar-cus {
  16.           display: flex;
  17.           justify-content: center;
  18.           align-items: center;
  19.           position: relative;
  20.           /* background-color: white; */
  21.           /* box-shadow: 0px 0px 15px 0px rgba(198, 202, 202, 0.733); */
  22.           font-family: 'Poppins', sans-serif;
  23.           font-size: 18px;
  24.           font-weight: 700;
  25.           color: rgb(255, 255, 255);
  26.           min-height: 50px;
  27.           padding-top: 48px;
  28.           padding-bottom: 36px;
  29.           width: 100%;
  30.           background-color: rgba(255, 255, 255, 0);
  31.           overflow-x: hidden;
  32.           z-index: 99;
  33.           will-change: transform, background-color;
  34.           transition: transform .3s, background-color .3s;
  35.       }
  36.  
  37.       .white-cus {
  38.           position: fixed;
  39.           color: #000;
  40.           background-color: rgb(255, 255, 255);
  41.           box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.438);
  42.           padding-bottom: 12px;
  43.           transform: translateY(-36px);
  44.       }
  45.  
  46.       .nav-links-cus {
  47.           display: flex;
  48.           justify-content: space-around;
  49.           align-items: center;
  50.           /* width: 100%; */
  51.       }
  52.  
  53.       .nav-links-cus li {
  54.           list-style: none;
  55.           white-space: nowrap;
  56.           padding: 0 30px;
  57.       }
  58.  
  59.       .nav-links-cus a {
  60.           text-decoration: none;
  61.           transition: all .3s;
  62.       }
  63.  
  64.       .nav-links-cus a:hover {
  65.           color: #e79393;
  66.           text-shadow: 0px 5px 16px rgba(165, 0, 69, 0.507);
  67.       }
  68.  
  69.       .logo-cus {
  70.           width: 40%;
  71.           padding: 0 35px;
  72.       }
  73.  
  74.       .logo-cus img {
  75.           height: 35px;
  76.           transition: all .3s;
  77.       }
  78.  
  79.       .logo-cus img:hover {
  80.           height: 36px;
  81.       }
  82.  
  83.       .red-btn-cus {
  84.           border: none;
  85.           width: 150px;
  86.           height: 54px;
  87.           /* background: #A50044; */
  88.           background: linear-gradient(45deg, #A50044, rgb(175, 21, 111));
  89.           box-shadow: 0px 10px 32px rgba(165, 0, 68, 0.5);
  90.           border-radius: 50px;
  91.           font-family: 'Poppins', sans-serif;
  92.           transition: all ease-in-out .2s;
  93.           cursor: pointer;
  94.       }
  95.  
  96.       a .red-btn-cus {
  97.           color: ;
  98.           font-weight: bold;
  99.           font-size: 16px;
  100.           padding: 0;
  101.       }
  102.  
  103.       .red-btn-cus:hover {
  104.           transform: translateY(-2px);
  105.           background: linear-gradient(45deg, rgb(190, 0, 80), rgb(199, 24, 126));
  106.           box-shadow: 0px 20px 32px rgba(165, 0, 69, 0.514);
  107.           transition: all ease-in-out .2s;
  108.  
  109.       }
  110.  
  111.       .topnav {
  112.           height:70px;
  113.           width:100%;
  114.           position: fixed;
  115.           z-index:1;
  116.           top: 0;
  117.           overflow-x: :hidden;
  118.           padding-right:-100px;
  119.           padding-top: 10px;
  120.           display:flex;
  121.  
  122.  
  123.           font-family: 'Poppins', sans-serif;
  124.           font-size: 18px;
  125.           font-weight: 700;
  126.  
  127.  
  128.           align-items: center;
  129.           justify-content: left;
  130.  
  131.  
  132.       }
  133.  
  134.       .topnav a {
  135.           padding:6x 8px 6px 16px;
  136.           margin-left:10px;
  137.           text-decoration: none;
  138.           font-size:28px;
  139.           color: #ffffff;
  140.       }
  141.  
  142.       .topnav a:hover {
  143.           color: #5b00a4;
  144.       }
  145.  
  146.       .logo {
  147.           width: 50%;
  148.           padding: 0 35px;
  149.       }
  150.  
  151.       .logo img {
  152.           height: 35px;
  153.           transition: all .3s;
  154.       }
  155.  
  156.       .logo img:hover {
  157.           height: 36px;
  158.       }
  159.  
  160.       .img_box_div {
  161.           display: flex;
  162.           flex-direction: row;
  163.           padding-top: 100px;
  164.       }
  165.  
  166.       .img_box {
  167.  
  168.           width: 22%;
  169.           padding: 0 5%;
  170.  
  171.       }
  172.  
  173.       .img_text {
  174.           text-align: center;
  175.           padding: 10% 20%;
  176.       }
  177.  
  178.       .img_box img {
  179.           border-radius: 20px;
  180.           transition: all .3s;
  181.           width: 170%;
  182.           height: 130%;
  183.           object-fit: cover;
  184.           box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  185.  
  186.       }
  187.  
  188.       .img_box img:hover {
  189.           height: 135%;
  190.  
  191.       }
  192.  
  193.       .main {
  194.           /* margin-top: 170px; */
  195.           margin-left: 50x;
  196.           margin-right: 30px;
  197.       }
  198.  
  199.       .title {
  200.           margin-left: 5%;
  201.       }
  202.     </style>
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