Team:FSU/home-css 

       /*  Reset  */
  • {
 margin: 0;
 padding: 0;
 box-sizing: border-box;

}

/* Main Styling */ html,body { 

 font-family: "Segoe UI", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 line-height: 1.7em;

}

a { 

 color: #333;
 text-decoration: none;

}

h1, h2, h3 { 

 padding-bottom: 20px;

}

p{ 

 margin:  0;
 font-size: larger;
 padding-bottom: 10px;

}

/* Utilities Classes */ .container { 

 margin: auto;
 max-width: 1100px;
 overflow: auto;
 padding: 0 20px;

}

.text-primary { 

 color: #f7c08a;

}

.text-secondary { 

   color: #fff;

}

.lead { 

 font-size: 20px;

}

.btn { 

 display: inline-block;
 font-size: 18px;
 color: #fff;
 background: #333;
 padding: 13px 20px;
 border: none;
 cursor: pointer;

}

.btn:hover { 

 background:  #f7c08a;
 color: #333;

}

.btn-light { 

 background: #f4f4f4;
 color: #333;

}

.bg-dark { 

 background: #333;
 color: #fff;

}

.bg-light { 

 background: #333;
 color: #fff;

}

.bg-primary { 

 background: #333;
 color: #333;

}

/*Navbar */

  1. navbar {
 position: absolute;
 top: 0;
 width: 100%;
 background: #333;
 color: #fff;
 overflow:auto;

}

  1. navbar a {
 color: #fff;

}

  1. navbar h1 {
 float: left;
 padding-top: 20px;

}

  1. navbar ul {
 list-style: none;
 float: right;

}

  1. navbar ul li {
 float: left;

}

  1. navbar ul li a {
 display: block;
 padding: 20px;
 text-align: center;

}

  1. navbar ul li a:hover,
ul li a.current {
 background: #444;
 color: #f7c08a;

}

/* Showcase */

  1. showcase {
 background: url('https://2019.igem.org/wiki/images/3/3d/T--FSU--wiki_background.jpeg') no-repeat center center/cover;
 height: 600px;

}

  1. showcase .showcase-content {
 color: #fff;
 text-align: center;
 padding-top: 170px;

}

  1. showcase .showcase-content h1 {
 font-size: 60px;
 line-height: 1.2em;

}

  1. showcase .showcase-content p {
 padding-bottom: 20px;
 line-height: 1.7em;

}

/* Home Info */

  1. home-info {
 height: 400px;

}

  1. home-info .info-img {
 float: left;
 width: 50%;
 background: url('./photo-1.jpg') no-repeat;
 min-height: 100%;

}

  1. home-info .info-content {
 float: right;
 width: 50%;
 height: 100%;
 text-align: center;
 padding: 50px 30px;
 overflow: hidden;

}

  1. home-info .info-content p {
 padding-bottom: 30px;

}