Difference between revisions of "Template:Virginia/css/styles"
| Line 5: | Line 5: | ||
* @license MIT | * @license MIT | ||
*/ | */ | ||
| − | + | @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);@-ms-viewport{width:device-width}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}footer,header,main,nav,ul{border:0;font:inherit;vertical-align:baseline}footer{margin:0}main{padding:0}#image_gallery a:hover p,.category-gallery div a:hover p,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*,::after,::before{box-sizing:inherit}html,pre{-ms-overflow-style:scrollbar}html{box-sizing:border-box;touch-action:manipulation;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{line-height:1;font-family:sans-serif}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::after,blockquote::before,q::after,q::before{content:none}table{border-collapse:collapse;border-spacing:0}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace}pre{overflow:auto}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;width:auto;height:auto;max-height:100%;max-width:100%;overflow:hidden}svg:not(:root){overflow:hidden}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}button,input{overflow:visible}button,select{text-transform:none}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[tabindex="-1"]:focus{outline:0!important}fieldset{min-width:0}legend{max-width:100%;white-space:normal;color:inherit;display:block}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}#sideMenu,#top_title,[hidden],template{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:16px;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}@font-face{font-family:"OpenSans";src:undefined;font-weight:400;font-style:normal}@font-face{font-family:"OpenSans";src:undefined;font-weight:700;font-style:normal}@font-face{font-family:"OpenSans";src:undefined;font-weight:400;font-style:italic}@font-face{font-family:"OpenSans";src:undefined;font-weight:700;font-style:italic}a,a:visited{text-decoration:none;color:#24bee4;transition:all .2s ease-in-out}a:hover,a:visited:hover{text-decoration:none;color:#2cc75b;text-shadow:0 0 8px #16ff5a}header p,main,main p{font-size:medium;font-family:"OpenSans"}main{height:auto;z-index:1;margin:0 auto}#image_gallery::after,.category-gallery::after,footer::after,header #navbar ul li ul::after,main::after{clear:both;content:"";display:block}main h1,main h2,main h3,main h4,main h5,main h6{padding:3% 10%;font-weight:700;font-family:"OpenSans"}main h1{font-size:2.2em}main h2{font-size:2em}main h3{font-size:1.8em}main h4{font-size:1.6em}main h5{font-size:1.4em}main h6{font-size:1.2em}header p,main p{margin:6%;line-height:2em;color:#1a1a1a}main article{width:calc(100%);float:left;margin-left:0}@media only screen and (min-width:1000px){main article{width:calc(87.5%);float:left;margin-left:0}}main>*{background-size:cover}.darkened{z-index:1000;position:fixed;min-width:100vw;min-height:100vh;color:#1a1a1a;background-color:#1a1a1a}.darkened *{display:none;visibility:0}.darkened>.logo{display:block;visibility:1;position:fixed;top:25%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:visible;max-width:512px}.category-gallery{padding:3% 5%;background-color:#fffefb;overflow:hidden}.category-gallery div,main{position:relative}#image_gallery a,.category-gallery div a{position:relative;display:block;overflow:hidden;overflow-y:scroll;overflow-x:hidden}#image_gallery a p,.category-gallery div a p,.petri-dish{display:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#image_gallery a p,.category-gallery div a p{font-size:2em;position:absolute;top:50%;left:50%;margin-top:-.5em;margin-left:-.25em;z-index:9;transition:all .2s;text-align:center}#image_gallery a:hover img,.category-gallery div a:hover img{image-orientation:from-image;opacity:.1}#image_gallery a img,.category-gallery div a img{border-radius:50%;image-orientation:from-image;margin-bottom:25px;min-width:90%;min-height:90%;transition:opacity ease-in-out .2s,background-color ease-in-out .7s}.petri-dish{border-radius:50%;background-color:#1a1a1a}#image_gallery,header,main{background-color:#fffefb}#image_gallery{overflow:hidden;position:relative;padding:3% 5%}#image_gallery img{width:calc(33.33333% - 26.66667px);float:left;margin:10px;border-radius:50%;-o-object-fit:cover;object-fit:cover;width:150px;height:150px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}#image_gallery a img{width:calc(8.33333% - 21.66667px);float:left;margin-left:20px}.team-bio{margin:6%;line-height:2em;font-size:medium;font-family:"OpenSans";color:#1a1a1a;box-shadow:0 0 5px #999}.hidden{display:none}.unhidden,nav #line li.current ul{display:block}header{position:-webkit-sticky;position:sticky;top:16px;margin:0 auto;padding:0;z-index:999;width:-webkit-max-content;width:-moz-max-content;text-align:center;width:100%;transition:all .1s}header h1,header h2,header h3,header h4,header h5,header h6{padding:3% 10%;font-weight:700;font-family:"OpenSans"}header h1{font-size:2.2em}header h2{font-size:2em}header h3{font-size:1.8em}header h4{font-size:1.6em}header h5{font-size:1.4em}header h6{font-size:1.2em}header,header *{box-sizing:border-box}header.scrollUp{-webkit-transform:translateY(-3em);transform:translateY(-3em)}header #navbar{height:3em;display:flex;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}header #navbar ul{list-style:none;margin:0;padding:0}header #navbar ul li{float:left;position:relative;line-height:3em;height:3em}header #navbar ul li a,header #navbar ul li a:visited{display:flex;align-items:center;padding:0 20px;height:100%;width:100%;background:#fffefb;color:#1f9dbd;font-size:1em;white-space:nowrap;transition:all .2s ease-in-out}header #navbar ul li a img,header #navbar ul li a:visited img{display:inline-block;padding:.5rem;min-height:100%;height:auto;width:auto}header #navbar ul li a:hover,header #navbar ul li a:visited:hover{color:#2cc75b;text-shadow:0 0 8px #2cc75b}header #navbar ul li a:not(:only-child):after,header #navbar ul li a:visited:not(:only-child):after{padding-left:4px;content:' ▾'}header #navbar ul li ul{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);position:absolute;visibility:hidden;opacity:0;top:100%;left:50%;-webkit-transform:translateX(-50%) translateY(-2em);transform:translateX(-50%) translateY(-2em);transition:all .2s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s}header #navbar ul li ul li{width:calc(100%);float:left;margin-left:0;overflow:hidden}header #navbar ul li:focus>ul,header #navbar ul li:hover>ul{visibility:visible;opacity:1;-webkit-transform:translateX(-50%) translateY(0%);transform:translateX(-50%) translateY(0%);transition-delay:0s,0s,.3s}.scrolltop{display:none;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:hover{background:#b2b2b2;transition:.5s}.scroll:hover .fa{padding-top:-10px}.scroll .fa{font-size:30px;margin-top:-5px;margin-left:1px;transition:.5s}.tooltip,nav{position:relative}.tooltip{display:inline-block;font-weight:700;color:#0a1612;cursor:pointer}.tooltip span{display:block;visibility:hidden;color:#fff;text-align:center;padding:20px;border-radius:6px;font-weight:400;position:absolute;z-index:1;bottom:125%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;transition:opacity .8s}.tooltip span::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1a1a1a transparent transparent}.tooltip:active .longdef,.tooltip:hover .shortdef{visibility:visible;width:20vw;opacity:1}.tooltip:active .longdef{width:40vw}.tooltip:active .shortdef{visibility:hidden;opacity:0}nav{width:calc(100%);box-sizing:border-box;background-color:#f8f8f8;min-height:100vh;margin:0;padding:2em}@media only screen and (min-width:1000px){nav{width:calc(12.5%);float:left;margin-left:0}}.tooltip span,footer,nav::before{background-color:#1a1a1a}nav::before{content:'';clear:both;top:0;left:3em;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px}nav #line,nav::before{position:fixed}nav #line li{list-style:none;width:calc(100% - 4em);max-width:400px;margin:auto;padding:3em 2em 0;position:relative;left:-5px}nav #line li a::before{content:'';position:absolute;width:64px;height:64px;border:3px solid #fffefb;background-color:#24bee4;border-radius:100%;top:3.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:6.55em;z-index:100}nav #line li ul{display:none;font-size:.8em;padding-top:3em}nav #line li ul li{padding:.5vh 0}nav #line li ul li a::before{width:12px;height:12px;right:5.35em;top:.75em}footer{font-size:medium;font-family:"OpenSans";box-sizing:border-box;color:#fffefb;padding:25px;positioN:relative;z-index:999}footer div.footer-name,footer div.spacer{width:calc(41.66667%);float:left;margin-left:0;line-height:6rem;height:6rem}footer div.footer-name *,nav{float:left}footer div.spacer{width:calc(33.33333%)}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{-webkit-transform:scale(1);transform:scale(1);content:" ";width:60px;height:60px;border-radius:100%;display:block;background:linear-gradient(45deg,#16ff5a,#26fffa);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{-webkit-transform:scale(2.2);transform:scale(2.2);color:#16ff5a;background:-webkit-linear-gradient(45deg,#16ff5a,#26fffa);-webkit-background-clip:text;-webkit-text-fill-color:transparent} | |
Revision as of 16:39, 1 August 2018
/**
* This page and wiki was built with the help of igem-wikibrick, a tool created by Virginia iGEM 2018 * @version v0.3.22 * @link https://github.com/Virginia-iGEM/igem-wikibrick * @license MIT */
@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);@-ms-viewport{width:device-width}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}footer,header,main,nav,ul{border:0;font:inherit;vertical-align:baseline}footer{margin:0}main{padding:0}#image_gallery a:hover p,.category-gallery div a:hover p,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*,::after,::before{box-sizing:inherit}html,pre{-ms-overflow-style:scrollbar}html{box-sizing:border-box;touch-action:manipulation;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{line-height:1;font-family:sans-serif}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::after,blockquote::before,q::after,q::before{content:none}table{border-collapse:collapse;border-spacing:0}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace}pre{overflow:auto}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;width:auto;height:auto;max-height:100%;max-width:100%;overflow:hidden}svg:not(:root){overflow:hidden}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}button,input{overflow:visible}button,select{text-transform:none}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[tabindex="-1"]:focus{outline:0!important}fieldset{min-width:0}legend{max-width:100%;white-space:normal;color:inherit;display:block}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}#sideMenu,#top_title,[hidden],template{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:16px;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}@font-face{font-family:"OpenSans";src:undefined;font-weight:400;font-style:normal}@font-face{font-family:"OpenSans";src:undefined;font-weight:700;font-style:normal}@font-face{font-family:"OpenSans";src:undefined;font-weight:400;font-style:italic}@font-face{font-family:"OpenSans";src:undefined;font-weight:700;font-style:italic}a,a:visited{text-decoration:none;color:#24bee4;transition:all .2s ease-in-out}a:hover,a:visited:hover{text-decoration:none;color:#2cc75b;text-shadow:0 0 8px #16ff5a}header p,main,main p{font-size:medium;font-family:"OpenSans"}main{height:auto;z-index:1;margin:0 auto}#image_gallery::after,.category-gallery::after,footer::after,header #navbar ul li ul::after,main::after{clear:both;content:"";display:block}main h1,main h2,main h3,main h4,main h5,main h6{padding:3% 10%;font-weight:700;font-family:"OpenSans"}main h1{font-size:2.2em}main h2{font-size:2em}main h3{font-size:1.8em}main h4{font-size:1.6em}main h5{font-size:1.4em}main h6{font-size:1.2em}header p,main p{margin:6%;line-height:2em;color:#1a1a1a}main article{width:calc(100%);float:left;margin-left:0}@media only screen and (min-width:1000px){main article{width:calc(87.5%);float:left;margin-left:0}}main>*{background-size:cover}.darkened{z-index:1000;position:fixed;min-width:100vw;min-height:100vh;color:#1a1a1a;background-color:#1a1a1a}.darkened *{display:none;visibility:0}.darkened>.logo{display:block;visibility:1;position:fixed;top:25%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:visible;max-width:512px}.category-gallery{padding:3% 5%;background-color:#fffefb;overflow:hidden}.category-gallery div,main{position:relative}#image_gallery a,.category-gallery div a{position:relative;display:block;overflow:hidden;overflow-y:scroll;overflow-x:hidden}#image_gallery a p,.category-gallery div a p,.petri-dish{display:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#image_gallery a p,.category-gallery div a p{font-size:2em;position:absolute;top:50%;left:50%;margin-top:-.5em;margin-left:-.25em;z-index:9;transition:all .2s;text-align:center}#image_gallery a:hover img,.category-gallery div a:hover img{image-orientation:from-image;opacity:.1}#image_gallery a img,.category-gallery div a img{border-radius:50%;image-orientation:from-image;margin-bottom:25px;min-width:90%;min-height:90%;transition:opacity ease-in-out .2s,background-color ease-in-out .7s}.petri-dish{border-radius:50%;background-color:#1a1a1a}#image_gallery,header,main{background-color:#fffefb}#image_gallery{overflow:hidden;position:relative;padding:3% 5%}#image_gallery img{width:calc(33.33333% - 26.66667px);float:left;margin:10px;border-radius:50%;-o-object-fit:cover;object-fit:cover;width:150px;height:150px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}#image_gallery a img{width:calc(8.33333% - 21.66667px);float:left;margin-left:20px}.team-bio{margin:6%;line-height:2em;font-size:medium;font-family:"OpenSans";color:#1a1a1a;box-shadow:0 0 5px #999}.hidden{display:none}.unhidden,nav #line li.current ul{display:block}header{position:-webkit-sticky;position:sticky;top:16px;margin:0 auto;padding:0;z-index:999;width:-webkit-max-content;width:-moz-max-content;text-align:center;width:100%;transition:all .1s}header h1,header h2,header h3,header h4,header h5,header h6{padding:3% 10%;font-weight:700;font-family:"OpenSans"}header h1{font-size:2.2em}header h2{font-size:2em}header h3{font-size:1.8em}header h4{font-size:1.6em}header h5{font-size:1.4em}header h6{font-size:1.2em}header,header *{box-sizing:border-box}header.scrollUp{-webkit-transform:translateY(-3em);transform:translateY(-3em)}header #navbar{height:3em;display:flex;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}header #navbar ul{list-style:none;margin:0;padding:0}header #navbar ul li{float:left;position:relative;line-height:3em;height:3em}header #navbar ul li a,header #navbar ul li a:visited{display:flex;align-items:center;padding:0 20px;height:100%;width:100%;background:#fffefb;color:#1f9dbd;font-size:1em;white-space:nowrap;transition:all .2s ease-in-out}header #navbar ul li a img,header #navbar ul li a:visited img{display:inline-block;padding:.5rem;min-height:100%;height:auto;width:auto}header #navbar ul li a:hover,header #navbar ul li a:visited:hover{color:#2cc75b;text-shadow:0 0 8px #2cc75b}header #navbar ul li a:not(:only-child):after,header #navbar ul li a:visited:not(:only-child):after{padding-left:4px;content:' ▾'}header #navbar ul li ul{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);position:absolute;visibility:hidden;opacity:0;top:100%;left:50%;-webkit-transform:translateX(-50%) translateY(-2em);transform:translateX(-50%) translateY(-2em);transition:all .2s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s}header #navbar ul li ul li{width:calc(100%);float:left;margin-left:0;overflow:hidden}header #navbar ul li:focus>ul,header #navbar ul li:hover>ul{visibility:visible;opacity:1;-webkit-transform:translateX(-50%) translateY(0%);transform:translateX(-50%) translateY(0%);transition-delay:0s,0s,.3s}.scrolltop{display:none;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:hover{background:#b2b2b2;transition:.5s}.scroll:hover .fa{padding-top:-10px}.scroll .fa{font-size:30px;margin-top:-5px;margin-left:1px;transition:.5s}.tooltip,nav{position:relative}.tooltip{display:inline-block;font-weight:700;color:#0a1612;cursor:pointer}.tooltip span{display:block;visibility:hidden;color:#fff;text-align:center;padding:20px;border-radius:6px;font-weight:400;position:absolute;z-index:1;bottom:125%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;transition:opacity .8s}.tooltip span::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1a1a1a transparent transparent}.tooltip:active .longdef,.tooltip:hover .shortdef{visibility:visible;width:20vw;opacity:1}.tooltip:active .longdef{width:40vw}.tooltip:active .shortdef{visibility:hidden;opacity:0}nav{width:calc(100%);box-sizing:border-box;background-color:#f8f8f8;min-height:100vh;margin:0;padding:2em}@media only screen and (min-width:1000px){nav{width:calc(12.5%);float:left;margin-left:0}}.tooltip span,footer,nav::before{background-color:#1a1a1a}nav::before{content:;clear:both;top:0;left:3em;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px}nav #line,nav::before{position:fixed}nav #line li{list-style:none;width:calc(100% - 4em);max-width:400px;margin:auto;padding:3em 2em 0;position:relative;left:-5px}nav #line li a::before{content:;position:absolute;width:64px;height:64px;border:3px solid #fffefb;background-color:#24bee4;border-radius:100%;top:3.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:6.55em;z-index:100}nav #line li ul{display:none;font-size:.8em;padding-top:3em}nav #line li ul li{padding:.5vh 0}nav #line li ul li a::before{width:12px;height:12px;right:5.35em;top:.75em}footer{font-size:medium;font-family:"OpenSans";box-sizing:border-box;color:#fffefb;padding:25px;positioN:relative;z-index:999}footer div.footer-name,footer div.spacer{width:calc(41.66667%);float:left;margin-left:0;line-height:6rem;height:6rem}footer div.footer-name *,nav{float:left}footer div.spacer{width:calc(33.33333%)}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{-webkit-transform:scale(1);transform:scale(1);content:" ";width:60px;height:60px;border-radius:100%;display:block;background:linear-gradient(45deg,#16ff5a,#26fffa);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{-webkit-transform:scale(2.2);transform:scale(2.2);color:#16ff5a;background:-webkit-linear-gradient(45deg,#16ff5a,#26fffa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}