SHARE
TWEET

Untitled

a guest Aug 22nd, 2019 102 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body{
  2.   background-color:rgb(31,31,31);
  3.   padding-top:0px;
  4.   overflow-x:hidden;
  5.   margin-top:0px;
  6.  
  7. }
  8. *{
  9.   margin:0;
  10.   padding:0;
  11. }
  12.  
  13. input.login{
  14.   flex: 1 1 auto;
  15.   margin: 10px;
  16.   padding-right: 30px;
  17.   padding-left: 30px;
  18.   padding-top:6px;
  19.   padding-bottom:5px;
  20.   text-align: center;
  21.   text-transform: uppercase;
  22.   border-style:none;
  23.   background-size: 200% auto;
  24.   color: white;
  25.  /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  26.   /*box-shadow: 0 0 20px #eee;*/
  27.   border-radius: 10px;
  28.   transition: 0.5s;
  29.   background-position:right;
  30.   margin-top:12px;
  31.  }
  32.  
  33.  button.login{
  34.   flex: 1 1 auto;
  35.   margin: 10px;
  36.   padding-right: 30px;
  37.   padding-left: 30px;
  38.   padding-top:5px;
  39.   padding-bottom:5px;
  40.   text-align: center;
  41.   text-transform: uppercase;
  42.   border-style:none;
  43.   background-size: 200% auto;
  44.   color: white;
  45.  /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  46.   /*box-shadow: 0 0 20px #eee;*/
  47.   border-radius: 10px;
  48.   transition: 0.5s;
  49.   background-position:right;
  50.   background-image: linear-gradient(to right, #D743A8 0%, #B5345E 51%, #952667 100%);
  51.  
  52.  
  53.  }
  54.  
  55.  input.navright{
  56.    margin-left:50vw;
  57.  }
  58.  
  59.   .login {
  60.   background-image: linear-gradient(to right, #D743A8 0%, #B5345E 51%, #952667 100%);
  61.   }
  62.  
  63.   .login:hover, .login-2:hover{
  64.     background-position:left;
  65.     box-shadow:0 0 20px;
  66.   }
  67.  
  68.   .section1{
  69.     background-image:url('images/backgroundolympus.png');
  70.     background-size:cover;
  71.     height:100vh;
  72.     background-position: center;
  73.   }
  74.  
  75.   .container-image {
  76.       position: relative;
  77.       width: 50%;
  78.     }
  79.    
  80.     /* Make the image responsive */
  81.     .container-image{
  82.       margin-left:30%;
  83.       margin-top:10%;
  84.       width: 40%;
  85.       height: auto;
  86.     }
  87.  
  88.     .image-1{
  89.         width:100%;
  90.         height:auto;
  91.     }
  92.    
  93.     /* Style the button and place it in the middle of the container/image */
  94.     .container-image .login-2 {
  95.       position: absolute;
  96.       top: 50%;
  97.       left: 50%;
  98.       transform: translate(-50%, -50%);
  99.       -ms-transform: translate(-50%, -50%);
  100.       border: none;
  101.       flex: 1 1 auto;
  102.       margin: 10px;
  103.       padding-right: 30px;
  104.       padding-left: 30px;
  105.       padding-top:5px;
  106.       padding-bottom:5px;
  107.       text-align: center;
  108.       text-transform: uppercase;
  109.       border-style:none;
  110.       background-size: 200% auto;
  111.       color: white;
  112.  /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  113.   /*box-shadow: 0 0 20px #eee;*/
  114.       border-radius: 10px;
  115.       transition: 0.5s;
  116.       background-position:right;
  117.       background-image: linear-gradient(to bottom,#B5345E 0%, #952667 50%);
  118.     }
  119.    
  120.     ::-webkit-scrollbar {
  121.       width: 10px;
  122.         }
  123.    
  124.    
  125.         ::-webkit-scrollbar-track {
  126.         background:#000;
  127.         }
  128.    
  129.    
  130.         ::-webkit-scrollbar-thumb {
  131.       background:#952667;
  132.         border-radius:15px;
  133.         }
  134.    
  135.         ::-webkit-scrollbar-thumb:hover {
  136.       background: #952667;
  137.         }
  138.  
  139.   img.logo-nav{
  140.       width:50%;
  141.       margin-top:-15%;
  142.       padding:0;
  143.       margin-bottom:-20%;
  144.   }
  145.  
  146.   .nav-container{
  147.       width:60%;
  148.       margin-left:40%;
  149.  
  150.   }
  151.   .container-image{
  152.      
  153.     }
  154.  
  155.   img.laptop{
  156.       margin-top:10%;
  157.       width:60%;
  158.   }
  159.  
  160.   .section2{
  161.       background-image:linear-gradient(to bottom, #B5345E 0%, #D743A8 75%, #952667 100%);
  162.       background-size:Cover;
  163.       height:250vh;
  164.       width:100vw;
  165.   }
  166.  
  167.   p.s-2-t{
  168.       color:white;
  169.       font-size:2.5em;
  170.       margin-top:5vh;
  171.       margin-bottom:10%;
  172.   }
  173.  
  174.   .feature-container{
  175.       background-color:rgba(0,0,0,0.3);
  176.       width:100%;
  177.       height:50vh;
  178.       margin-left:;
  179.       color:white;
  180.       margin-top:5%;
  181.      
  182.   }
  183.  
  184.   .feature-image{
  185.       width:40%;
  186.   }
  187.  
  188.   img.stocksolutionbackground{
  189.     width:100%;
  190.   }
  191.    
  192.     .topnav {
  193.       overflow: hidden;
  194.       background-color:rgba(0,0,0,0.2);
  195.  
  196.     }
  197.    
  198.  
  199.     .sticky + .content {
  200.       padding-top: 60px;
  201.     }
  202.     .topnav a, .topnav p {
  203.       float: left;
  204.       display: block;
  205.       color: #f2f2f2;
  206.       text-align: center;
  207.       padding: 14px 16px;
  208.       text-decoration: none;
  209.       font-size: 17px;
  210.     }
  211.  
  212.     .topnav p {
  213.  
  214.     }
  215.    
  216.     .topnav a:hover {
  217.       background-color: #ddd;
  218.       color: black;
  219.     }
  220.    
  221.     .topnav a.active {
  222.       background-color: #4CAF50;
  223.       color: white;
  224.     }
  225.    
  226.     .topnav .icon {
  227.       display: none;
  228.     }
  229.  
  230.     .title-about-us{
  231.       font-size:3em;
  232.  
  233.     }
  234.     .text-container-left{
  235.       widows: 100%;
  236.       color:white;
  237.       margin-top:10vh;
  238.     }
  239.  
  240.     .text-container-right{
  241.       widows:100%;
  242.       color:white; margin-top:10vh;
  243.     }
  244.  
  245.     .title-about-us-right{
  246.       font-size:3em;
  247.      
  248.    
  249.     }
  250.  
  251.     input.full-name{
  252.       margin-top:5vh;
  253.       width:80%;
  254.       background-color:rgba(0,0,0,0.3);
  255.       border-style:none;
  256.       padding-top:10px;
  257.       padding-bottom:10px;
  258.       border-radius:10px; padding-left:15px;
  259.     }
  260.  
  261.     input.email-addy{
  262.       margin-top:3vh;
  263.       width:80%;
  264.       background-color:rgb(0,0,0,0.3);
  265.       border-style:none;
  266.       padding-top:10px;
  267.       padding-bottom:10px;
  268.       border-radius:10px; padding-left:15px;
  269.     }
  270.  
  271.     textarea.your-message{
  272.       margin-top:3vh; width:80%; background-color:rgb(0,0,0,0.3); border-style:none; padding-top:10px; padding-bottom:10px; padding-left:15px; border-radius:10px;
  273.      
  274.     }
  275.  
  276.  
  277.     p.text-body{
  278.       color:white;
  279.       margin-top:5vh;
  280.       font-size:1.2em;
  281.     }
  282.     @media screen and (max-width: 600px) {
  283.       .topnav a:not(:first-child) {display: none;}
  284.       .topnav a.icon {
  285.         float: right;
  286.         display: block;
  287.       }
  288.     }
  289.    
  290.     @media screen and (max-width: 600px) {
  291.       .topnav.responsive {position: relative;}
  292.       .topnav.responsive .icon {
  293.         position: absolute;
  294.         right: 0;
  295.         top: 0;
  296.       }
  297.       .topnav.responsive a {
  298.         float: none;
  299.         display: block;
  300.         text-align: left;
  301.       }
  302.     }
  303.  
  304.  
  305.     img.stocksolutionbackground {
  306.       display: block;
  307.       width:90%;
  308.      
  309.   }
  310.  
  311.   .thumb{
  312.       position: relative;
  313.       display: inline-block;
  314.   }
  315.  
  316.   .caption {
  317.       position: absolute;
  318.       top: 50%;
  319.       left: 20%;
  320.       transform: translate( -15%, -50% );
  321.       text-align: center;
  322.       color:white;
  323.       font-weight: normal;
  324.       font-size:1.5em;
  325.      
  326.   }
  327.  
  328.   img.partnership{
  329.     width:100%;
  330.     margin-top:15%;
  331.   }
  332. }
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top