Difference between revisions of "Team:Hawaii"

 
(5 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
   <div id="container">
 
   <div id="container">
 
     <div id="big-title">
 
     <div id="big-title">
−
       <h1>TO THE CENTROMERE</h1>
+
       <h1 id="big-title-main">TO THE CENTROMERE</h1>
 +
      <h1 id="big-title-alt">TO THE CENTROMERE</h1>
 
       <h2 id="sub-title">WITH VIRUS-LIKE PARTICLES</h2>
 
       <h2 id="sub-title">WITH VIRUS-LIKE PARTICLES</h2>
 
     </div>
 
     </div>
  
 
     <div id="button-container">
 
     <div id="button-container">
−
       <button id="b1"><a href="project/index.html">EXPLORE</a></button>
+
       <button id="b1"><a href="https://2018.igem.org/Team:Hawaii/Description">EXPLORE</a></button>
 
     </div>
 
     </div>
  
Line 37: Line 38:
 
#big-title {
 
#big-title {
 
   width: calc(100vw);
 
   width: calc(100vw);
−
   top: 350px;
+
   top: 250px;
 
   text-align: center;
 
   text-align: center;
 
   position: absolute;
 
   position: absolute;
Line 55: Line 56:
 
   font-size: 40px;
 
   font-size: 40px;
 
}
 
}
−
 
+
#big-title-alt {
 +
  display: none;
 +
  justify-content: center;
 +
  width: 100%;
 +
  font-size: 60px;
 +
  position: absolute;
 +
  top: 100px;
 +
}
 +
@media only screen and (max-width: 800px) {
 +
  #big-title-main {
 +
    display: none;
 +
  }
 +
  #big-title-alt {
 +
    display: flex;
 +
  }
 +
  #sub-title {
 +
    display: none;
 +
  }
 +
}
 +
@media only screen and (max-width: 1200px) {
 +
  #big-title {
 +
    font-size: 50px;
 +
    top: 200px;
 +
  }
 +
}
 
.c1 {
 
.c1 {
 
   width: 0;
 
   width: 0;

Latest revision as of 22:00, 2 October 2018

TO THE CENTROMERE

TO THE CENTROMERE

WITH VIRUS-LIKE PARTICLES