Difference between revisions of "Template:Virginia/css/index"

Revision as of 20:27, 5 July 2018

/**

* vgem-2018-wiki - Contains all webcontent that will be found on https://2018.igem.org/Team:Virginia.
* @version v0.0.3
* @link https://github.com/Mantissa-23/VGEM-2018#readme
* @license ISC
*/

@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic,500italic,500,400italic);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic,500italic,500,400italic);#sideMenu,#top_title,.scrolltop{display:none}#content{width:100vw;padding:0;border:0;color:#000;margin-left:auto;margin-right:auto;background-color:#fff;position:relative}#globalWrapper{font-size:inherit;padding-bottom:0}#top_menu_under{height:0}ul{list-style-image:none;padding:0}#mw-content-text>p{width:0;height:0}#igem-navbar-placeholder{height:14px;position:fixed;display:block;background-color:#383838;border-bottom:solid #000 2px;color:#fff;z-index:9999;width:100%;font-size:.75em;margin:0;padding:0}#igem-navbar-placeholder p,ul{margin:0}.MathJax nobr>span.math>span{border-left-width:0!important}#mw-content-text,body{font-family:"Lato";margin:0;padding:0;border:0}a{text-decoration:none;color:#2c6a94;transition:all .2s ease-in-out}a:hover{color:#00c3ff;text-shadow:0 0 8px #00c3ff}#main,img{width:auto;height:auto}img{max-height:100%;max-width:100%;overflow:hidden}#main{color:#817f74;padding:1%;position:relative;background-color:#f7f5e9}#main::after,#virginia-footer::after,#virginia-header #navbar ul li ul::after,#virginia-header #navbar ul::after,.category-gallery::after{clear:both;content:"";display:block}#main div#media{width:calc(33.33333% - 80px);float:left;margin-left:60px;text-align:center;position:absolute;top:40px;bottom:20px}#main div#text{width:calc(66.66667% - 100px);float:left;margin-left:60px}#main div#text h1{padding:3% 1%}#main div#text p{margin:1%;line-height:2em}#media{color:#817f74;width:100%;height:100%}.scrolltop{width:100%;margin:0 auto;position:fixed;bottom:20px;right:10px}.scroll{position:absolute;right:20px;bottom:20px;background:rgba(178,178,178,.7);padding:20px;text-align:center;margin:0;cursor:pointer}.scroll,.scroll .fa,.scroll:hover{transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}.scroll,.scroll:hover{background:#b2b2b2}.scroll:hover .fa{padding-top:-10px}.scroll .fa{font-size:30px;margin-top:-5px;margin-left:1px}#virginia-header{position:-webkit-sticky;position:sticky;top:16px;z-index:999}#virginia-header,#virginia-header *{box-sizing:border-box;font-size:1em}#virginia-header #navbar{height:3rem;width:100%;display:block;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}#virginia-header #navbar ul{list-style:none;margin:0;padding:0;background-color:#252525}#virginia-header #navbar ul li{width:calc(12.5%);margin-left:0;float:left;position:relative;line-height:3rem;height:3rem}#virginia-header #navbar ul li a,#virginia-header #navbar ul li a:visited{display:flex;align-items:center;padding:0 20px;height:100%;width:100%;background:#252525;color:#fffdff;white-space:nowrap;transition:all .2s ease-in-out}#virginia-header #navbar ul li a img,#virginia-header #navbar ul li a:visited img{display:inline-block;padding:.5rem;max-height:100%;height:auto;width:auto}#virginia-header #navbar ul li a:hover,#virginia-header #navbar ul li a:visited:hover{color:#00c3ff;text-shadow:0 0 8px #00c3ff}#virginia-header #navbar ul li a:not(:only-child):after,#virginia-header #navbar ul li a:visited:not(:only-child):after{padding-left:4px;content:' ▾'}#virginia-header #navbar ul li ul{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);position:absolute;z-index:-1;visibility:hidden;opacity:0;-webkit-transform:translateY(-2em);transform:translateY(-2em);transition:all .2s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s}#virginia-header #navbar ul li ul li{width:calc(100%);float:left;margin-left:0;overflow:hidden}#virginia-header #navbar ul li:focus>ul,#virginia-header #navbar ul li:hover>ul{z-index:1;visibility:visible;opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%);transition-delay:0s,0s,.3s}#virginia-footer{box-sizing:border-box;background-color:#252525;border-top:1px solid #2c6a94;color:#fffdff;padding:25px}#virginia-footer div.footer-name,#virginia-footer div.spacer{width:calc(41.66667%);float:left;margin-left:0;line-height:6rem;height:6rem}#virginia-footer div.footer-name *{float:left;margin:auto 1rem}#virginia-footer div.spacer{width:calc(33.33333%)}#virginia-footer div.social-container{width:calc(25%);float:left;margin-left:0}.social-container{width:calc(25% - 25px);float:left;margin-left:20px;width:400px}.social-icons{padding:0;list-style:none;margin:1em}.social-icons li{margin:.15em;position:relative;font-size:1.2em}.social-icons i{color:#fff;position:absolute;top:21px;left:21px;transition:all 265ms ease-out}.social-icons a,.social-icons li{display:inline-block}.social-icons a:before{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);content:" ";width:60px;height:60px;border-radius:100%;display:block;background:linear-gradient(45deg,#2c6a94,#00c3ff);transition:all 265ms ease-out}.social-icons a:hover i,.social-icons a:hover:before{-webkit-transform:scale(0);transform:scale(0);transition:all 265ms ease-in}.social-icons a:hover i{transform:scale(2.2);-ms-transform:scale(2.2);-webkit-transform:scale(2.2);color:#2c6a94;background:-webkit-linear-gradient(45deg,#2c6a94,#00c3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.category-gallery{padding:3% 5%;background-color:#f7f5e9}.category-gallery div{width:calc(50% - 30px);float:left;margin-left:20px;position:relative}@media only screen and (min-width:1000px){.category-gallery div{width:calc(16.66667% - 35px);float:left;margin-left:30px}}.category-gallery div a{position:relative;text-align:center;min-width:100%;min-height:100%;display:block}.category-gallery div a p{display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);z-index:9;transition:all .2s}.category-gallery div a:hover img{background-color:#4799b4cc;image-orientation:from-image;-webkit-filter:blur(2px) contrast(25%) brightness(25%);filter:blur(2px) contrast(25%) brightness(25%);opacity:.5}.category-gallery div a:hover p{display:block}.category-gallery div a img{border-radius:50%;image-orientation:from-image;transition:all .3s cubic-bezier(.25,.8,.25,1);margin-bottom:25px;width:90%;height:90%}.petri-dish{display:none;border-radius:50%;background-color:#252525;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

@@ Line 5: / Line 5: @@
   * @license ISC
   */
-@charset "UTF-8";
+@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic,500italic,500,400italic);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic,500italic,500,400italic);#sideMenu,#top_title,.scrolltop{display:none}#content{width:100vw;padding:0;border:0;color:#000;margin-left:auto;margin-right:auto;background-color:#fff;position:relative}#globalWrapper{font-size:inherit;padding-bottom:0}#top_menu_under{height:0}ul{list-style-image:none;padding:0}#mw-content-text>p{width:0;height:0}#igem-navbar-placeholder{height:14px;position:fixed;display:block;background-color:#383838;border-bottom:solid #000 2px;color:#fff;z-index:9999;width:100%;font-size:.75em;margin:0;padding:0}#igem-navbar-placeholder p,ul{margin:0}.MathJax nobr>span.math>span{border-left-width:0!important}#mw-content-text,body{font-family:"Lato";margin:0;padding:0;border:0}a{text-decoration:none;color:#2c6a94;transition:all .2s ease-in-out}a:hover{color:#00c3ff;text-shadow:0 0 8px #00c3ff}#main,img{width:auto;height:auto}img{max-height:100%;max-width:100%;overflow:hidden}#main{color:#817f74;padding:1%;position:relative;background-color:#f7f5e9}#main::after,#virginia-footer::after,#virginia-header #navbar ul li ul::after,#virginia-header #navbar ul::after,.category-gallery::after{clear:both;content:"";display:block}#main div#media{width:calc(33.33333% - 80px);float:left;margin-left:60px;text-align:center;position:absolute;top:40px;bottom:20px}#main div#text{width:calc(66.66667% - 100px);float:left;margin-left:60px}#main div#text h1{padding:3% 1%}#main div#text p{margin:1%;line-height:2em}#media{color:#817f74;width:100%;height:100%}.scrolltop{width:100%;margin:0 auto;position:fixed;bottom:20px;right:10px}.scroll{position:absolute;right:20px;bottom:20px;background:rgba(178,178,178,.7);padding:20px;text-align:center;margin:0;cursor:pointer}.scroll,.scroll .fa,.scroll:hover{transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}.scroll,.scroll:hover{background:#b2b2b2}.scroll:hover .fa{padding-top:-10px}.scroll .fa{font-size:30px;margin-top:-5px;margin-left:1px}#virginia-header{position:-webkit-sticky;position:sticky;top:16px;z-index:999}#virginia-header,#virginia-header *{box-sizing:border-box;font-size:1em}#virginia-header #navbar{height:3rem;width:100%;display:block;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}#virginia-header #navbar ul{list-style:none;margin:0;padding:0;background-color:#252525}#virginia-header #navbar ul li{width:calc(12.5%);margin-left:0;float:left;position:relative;line-height:3rem;height:3rem}#virginia-header #navbar ul li a,#virginia-header #navbar ul li a:visited{display:flex;align-items:center;padding:0 20px;height:100%;width:100%;background:#252525;color:#fffdff;white-space:nowrap;transition:all .2s ease-in-out}#virginia-header #navbar ul li a img,#virginia-header #navbar ul li a:visited img{display:inline-block;padding:.5rem;max-height:100%;height:auto;width:auto}#virginia-header #navbar ul li a:hover,#virginia-header #navbar ul li a:visited:hover{color:#00c3ff;text-shadow:0 0 8px #00c3ff}#virginia-header #navbar ul li a:not(:only-child):after,#virginia-header #navbar ul li a:visited:not(:only-child):after{padding-left:4px;content:' ▾'}#virginia-header #navbar ul li ul{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);position:absolute;z-index:-1;visibility:hidden;opacity:0;-webkit-transform:translateY(-2em);transform:translateY(-2em);transition:all .2s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s}#virginia-header #navbar ul li ul li{width:calc(100%);float:left;margin-left:0;overflow:hidden}#virginia-header #navbar ul li:focus>ul,#virginia-header #navbar ul li:hover>ul{z-index:1;visibility:visible;opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%);transition-delay:0s,0s,.3s}#virginia-footer{box-sizing:border-box;background-color:#252525;border-top:1px solid #2c6a94;color:#fffdff;padding:25px}#virginia-footer div.footer-name,#virginia-footer div.spacer{width:calc(41.66667%);float:left;margin-left:0;line-height:6rem;height:6rem}#virginia-footer div.footer-name *{float:left;margin:auto 1rem}#virginia-footer div.spacer{width:calc(33.33333%)}#virginia-footer div.social-container{width:calc(25%);float:left;margin-left:0}.social-container{width:calc(25% - 25px);float:left;margin-left:20px;width:400px}.social-icons{padding:0;list-style:none;margin:1em}.social-icons li{margin:.15em;position:relative;font-size:1.2em}.social-icons i{color:#fff;position:absolute;top:21px;left:21px;transition:all 265ms ease-out}.social-icons a,.social-icons li{display:inline-block}.social-icons a:before{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);content:" ";width:60px;height:60px;border-radius:100%;display:block;background:linear-gradient(45deg,#2c6a94,#00c3ff);transition:all 265ms ease-out}.social-icons a:hover i,.social-icons a:hover:before{-webkit-transform:scale(0);transform:scale(0);transition:all 265ms ease-in}.social-icons a:hover i{transform:scale(2.2);-ms-transform:scale(2.2);-webkit-transform:scale(2.2);color:#2c6a94;background:-webkit-linear-gradient(45deg,#2c6a94,#00c3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.category-gallery{padding:3% 5%;background-color:#f7f5e9}.category-gallery div{width:calc(50% - 30px);float:left;margin-left:20px;position:relative}@media only screen and (min-width:1000px){.category-gallery div{width:calc(16.66667% - 35px);float:left;margin-left:30px}}.category-gallery div a{position:relative;text-align:center;min-width:100%;min-height:100%;display:block}.category-gallery div a p{display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);z-index:9;transition:all .2s}.category-gallery div a:hover img{background-color:#4799b4cc;image-orientation:from-image;-webkit-filter:blur(2px) contrast(25%) brightness(25%);filter:blur(2px) contrast(25%) brightness(25%);opacity:.5}.category-gallery div a:hover p{display:block}.category-gallery div a img{border-radius:50%;image-orientation:from-image;transition:all .3s cubic-bezier(.25,.8,.25,1);margin-bottom:25px;width:90%;height:90%}.petri-dish{display:none;border-radius:50%;background-color:#252525;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
-/* Override iGEM wiki settings, removing everything but the top navbar. */
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic,500italic,500,400italic);
-@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic,500italic,500,400italic);
-#sideMenu,
-#top_title {
-  display: none; }
-#content {
-  width: 100vw;
-  padding: 0px;
-  border: none;
-  color: black;
-  margin-left: auto;
-  margin-right: auto;
-  background-color: #fff;
-  position: relative; }
-#globalWrapper {
-  font-size: inherit;
-  padding-bottom: 0; }
-#top_menu_under {
-  height: 0px; }
-ul {
-  list-style-image: none;
-  /* removes the iGEM wiki bullets */
-  padding: 0;
-  margin: 0; }
-#mw-content-text > p {
-  width: 0px;
-  height: 0px; }
-#igem-navbar-placeholder {
-  height: 14px;
-  position: fixed;
-  display: block;
-  background-color: #383838;
-  border-bottom: solid black 2px;
-  color: white;
-  z-index: 9999;
-  width: 100%;
-  font-size: 0.75em;
-  margin: 0;
-  padding: 0; }
-  #igem-navbar-placeholder p {
-    margin: 0; }
-.MathJax nobr > span.math > span {
-  border-left-width: 0 !important; }
-/* Begin actual Virginia iGEm 2018 Code */
-/* UVA Colors
-$background-dark-color:     #232D4B;
-$background-light-color:    #ffffff;
-$accent-color:              #E57200;
-$light-accent-color:        rgb(255, 191, 128);
-$text-light:                #ffffff;
-$text-dark-color:                 #666666;
-$link-color:                #EB5F0C;
-*/
-/* Cherenkov Colors
-$background-dark-color:#282828;
-$background-light-color:#C3C3D8;
-$accent-color: #BFFBF9;
-$text-light: #E8F9F9;
-$text-dark-color: #001C4E;
-$link-color: #3DD4DF;
-*/
-/*Passion Fruit Colors*/
-/*
-$background-dark-color:#FAF4E0;
-$background-light-color:rgb(128, 39, 81);
-$accent-color: #F5287F;
-$light-accent-color: rgb(255, 142, 189);
-$text-light: #1E0811;
-$text-dark-color: #FFF0EF;
-$link-color: #FBB645;
-*/
-/*Applies to all*/
-body, #mw-content-text {
-  font-family: "Lato";
-  margin: 0;
-  padding: 0;
-  border: 0; }
-a {
-  text-decoration: none;
-  color: #2c6a94;
-  transition: all 0.2s ease-in-out; }
-  a:hover {
-    color: #00c3ff;
-    text-shadow: 0px 0px 8px #00c3ff; }
-img {
-  width: auto;
-  height: auto;
-  max-height: 100%;
-  max-width: 100%;
-  overflow: hidden; }
-#main {
-  height: 100%;
-  color: #817f74;
-  padding: 1% 1%;
-  width: auto;
-  height: auto;
-  position: relative;
-  background-color: #f7f5e9; }
-  #main::after {
-    clear: both;
-    content: "";
-    display: block; }
-  #main div#media {
-    width: calc(33.33333% - 80px);
-    float: left;
-    margin-left: 60px;
-    text-align: center;
-    position: absolute;
-    top: 40px;
-    bottom: 20px; }
-  #main div#text {
-    width: calc(66.66667% - 100px);
-    float: left;
-    margin-left: 60px; }
-    #main div#text h1 {
-      padding: 3% 1%; }
-    #main div#text p {
-      margin: 1%;
-      line-height: 2em; }
-#media {
-  color: #817f74;
-  width: 100%;
-  height: 100%; }
-/*scroll bar*/
-.scrolltop {
-  display: none;
-  width: 100%;
-  margin: 0 auto;
-  position: fixed;
-  bottom: 20px;
-  right: 10px; }
-.scroll {
-  position: absolute;
-  right: 20px;
-  bottom: 20px;
-  background: #b2b2b2;
-  background: rgba(178, 178, 178, 0.7);
-  padding: 20px;
-  text-align: center;
-  margin: 0 0 0 0;
-  cursor: pointer;
-  transition: 0.5s;
-  -moz-transition: 0.5s;
-  -webkit-transition: 0.5s;
-  -o-transition: 0.5s; }
-.scroll:hover {
-  background: #b2b2b2;
-  transition: 0.5s;
-  -moz-transition: 0.5s;
-  -webkit-transition: 0.5s;
-  -o-transition: 0.5s; }
-.scroll:hover .fa {
-  padding-top: -10px; }
-.scroll .fa {
-  font-size: 30px;
-  margin-top: -5px;
-  margin-left: 1px;
-  transition: 0.5s;
-  -moz-transition: 0.5s;
-  -webkit-transition: 0.5s;
-  -o-transition: 0.5s; }
-#virginia-header {
-  /*Keeps the nav bar sticking on the top*/
-  position: sticky;
-  top: 16px;
-  z-index: 999; }
-  #virginia-header, #virginia-header * {
-    box-sizing: border-box;
-    font-size: 1em; }
-  #virginia-header #navbar {
-    height: 3rem;
-    width: 100%;
-    display: block;
-    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
-    #virginia-header #navbar ul {
-      list-style: none;
-      margin: 0px;
-      padding: 0px;
-      background-color: #252525; }
-      #virginia-header #navbar ul::after {
-        clear: both;
-        content: "";
-        display: block; }
-      #virginia-header #navbar ul li {
-        width: calc(12.5%);
-        float: left;
-        margin-left: 0px;
-        float: left;
-        position: relative;
-        line-height: 3rem;
-        height: 3rem;
-        /*a, related to link*/ }
-        #virginia-header #navbar ul li a, #virginia-header #navbar ul li a:visited {
-          display: flex;
-          align-items: center;
-          padding: 0 20px;
-          height: 100%;
-          width: 100%;
-          background: #252525;
-          color: #fffdff;
-          white-space: nowrap;
-          transition: all 0.2s ease-in-out;
-          /*adds the arrow to dropdowns, selects not only-child*/ }
-          #virginia-header #navbar ul li a img, #virginia-header #navbar ul li a:visited img {
-            display: inline-block;
-            padding: 0.5rem;
-            max-height: 100%;
-            height: auto;
-            width: auto; }
-          #virginia-header #navbar ul li a:hover, #virginia-header #navbar ul li a:visited:hover {
-            color: #00c3ff;
-            text-shadow: 0px 0px 8px #00c3ff; }
-          #virginia-header #navbar ul li a:not(:only-child):after, #virginia-header #navbar ul li a:visited:not(:only-child):after {
-            padding-left: 4px;
-            content: ' ▾'; }
-        #virginia-header #navbar ul li ul {
-          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-          position: absolute;
-          z-index: -1;
-          visibility: hidden;
-          opacity: 0;
-          transform: translateY(-2em);
-          transition: all 0.2s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
-          #virginia-header #navbar ul li ul::after {
-            clear: both;
-            content: "";
-            display: block; }
-          #virginia-header #navbar ul li ul li {
-            width: calc(100%);
-            float: left;
-            margin-left: 0px;
-            overflow: hidden; }
-        #virginia-header #navbar ul li:focus > ul, #virginia-header #navbar ul li:hover > ul {
-          z-index: 1;
-          visibility: visible;
-          opacity: 1;
-          transform: translateY(0%);
-          transition-delay: 0s, 0s, 0.3s; }
-#virginia-footer {
-  box-sizing: border-box;
-  background-color: #252525;
-  border-top: 1px solid #2c6a94;
-  color: #fffdff;
-  padding: 25px; }
-  #virginia-footer::after {
-    clear: both;
-    content: "";
-    display: block; }
-  #virginia-footer div.footer-name {
-    width: calc(41.66667%);
-    float: left;
-    margin-left: 0px;
-    line-height: 6rem;
-    height: 6rem; }
-    #virginia-footer div.footer-name * {
-      float: left;
-      margin: auto 1rem; }
-  #virginia-footer div.spacer {
-    width: calc(33.33333%);
-    float: left;
-    margin-left: 0px;
-    line-height: 6rem;
-    height: 6rem; }
-  #virginia-footer div.social-container {
-    width: calc(25%);
-    float: left;
-    margin-left: 0px; }
-/*
-body {
-    background-color: rgba($iconColor, 0.05);
-}
-*/
-/*Code courtesy of https://codepen.io/brandondward/pen/RpyaKL*/
-.social-container {
-  width: calc(25% - 25px);
-  float: left;
-  margin-left: 20px;
-  width: 400px; }
-.social-icons {
-  padding: 0;
-  list-style: none;
-  margin: 1em; }
-  .social-icons li {
-    display: inline-block;
-    margin: 0.15em;
-    position: relative;
-    font-size: 1.2em; }
-  .social-icons i {
-    color: #fff;
-    position: absolute;
-    top: 21px;
-    left: 21px;
-    transition: all 265ms ease-out; }
-  .social-icons a {
-    display: inline-block; }
-    .social-icons a:before {
-      transform: scale(1);
-      -ms-transform: scale(1);
-      -webkit-transform: scale(1);
-      content: " ";
-      width: 60px;
-      height: 60px;
-      border-radius: 100%;
-      display: block;
-      background: linear-gradient(45deg, #2c6a94, #00c3ff);
-      transition: all 265ms ease-out; }
-    .social-icons a:hover:before {
-      transform: scale(0);
-      transition: all 265ms ease-in; }
-    .social-icons a:hover i {
-      transform: scale(2.2);
-      -ms-transform: scale(2.2);
-      -webkit-transform: scale(2.2);
-      color: #2c6a94;
-      background: -webkit-linear-gradient(45deg, #2c6a94, #00c3ff);
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-      transition: all 265ms ease-in; }
-.category-gallery {
-  padding: 3% 5%;
-  background-color: #f7f5e9; }
-  .category-gallery::after {
-    clear: both;
-    content: "";
-    display: block; }
-  .category-gallery div {
-    width: calc(50% - 30px);
-    float: left;
-    margin-left: 20px;
-    position: relative; }
-    @media only screen and (min-width: 1000px) {
-      .category-gallery div {
-        width: calc(16.66667% - 35px);
-        float: left;
-        margin-left: 30px; } }
-    .category-gallery div a {
-      position: relative;
-      text-align: center;
-      min-width: 100%;
-      min-height: 100%;
-      display: block; }
-      .category-gallery div a p {
-        display: none;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -100%);
-        z-index: 9;
-        /*overlay text over*/
-        transition: all 0.2s; }
-      .category-gallery div a:hover img {
-        background-color: #4799b4cc;
-        image-orientation: from-image;
-        filter: blur(2px) contrast(25%) brightness(25%);
-        opacity: 0.5; }
-      .category-gallery div a:hover p {
-        display: block; }
-      .category-gallery div a img {
-        border-radius: 50%;
-        image-orientation: from-image;
-        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-        margin-bottom: 25px;
-        width: 90%;
-        height: 90%; }
-.petri-dish {
-  display: none;
-  border-radius: 50%;
-  background-color: #252525;
-  transform: translate(-50%, -50%); }