@import url(pygments-css-master/fruity.css);
.current { background-color: rgba(255, 255, 255, 0.2); padding-bottom: 0.5vh; }

#navBar { padding-top: 2vh; font-variant: small-caps; text-align: center; }

#navBar #mainNavBar { border-bottom: solid 3px; border-color: rgba(255, 255, 255, 0.3); padding-bottom: 1vh; }

#navBar a { text-decoration: none; border-radius: 0.5vw; padding: 0.5vw; }

#navBar p { margin-top: 2vh; margin-bottom: 2vh; }

#footer { padding-top: 15vh; text-align: center; }

body { background-color: #3d3c38; color: white; font-family: verdana, sans-serif; font-style: normal; padding-top: 1vh; }

.body-physics { background: radial-gradient(circle, #476799, #2c4158); }

.body-biology { background: radial-gradient(circle, #34815a, #285633); }

.body-chemistry { background: radial-gradient(circle, #2e6149, #235858); }

.body-tech { background: radial-gradient(circle, #3f589c, #221212); }

.body-tech .particle { border-radius: 0%; }

hr { border: none; border-top: solid 3px white; border-color: rgba(255, 255, 255, 0.3); }

.content { padding: 0 5%; display: block; font-size: calc(24px + 6 * ((100vw - 320px) / 680)); line-height: 1.5; }

@media screen and (min-device-width: 380pt) { .content { padding: 0 20%; font-size: calc(10px + 6 * ((100vw - 320px) / 680)); } }

.blogPost ol li { list-style-type: decimal; }

.blogItem { list-style-type: none; padding-top: 5vh; padding-bottom: 5vh; border-bottom: solid 1px white; border-color: rgba(255, 255, 255, 0.3); }

li { color: gainsboro; }

.cipher { font-family: monospace; letter-spacing: 2px; }

table { margin: 5vh auto; text-align: center; border-collapse: collapse; }

thead th { padding: 1vh 1vw; }

table td { padding: 1vh 1vw; border-top: 1px solid white; border-bottom: 1px solid white; }

.ciper table { width: 100%; }

.cipher table td { border: 1px solid white; }

.cipher thead th { border: 1px solid white; }

.cipher hr { border: none; border-top: solid 1px white; border-color: white; }

details { margin-bottom: 2vh; }

details summary { border-bottom: solid 2px; border-color: rgba(255, 255, 255, 0.3); font-size: 1.3em; margin-top: 2vh; }

details details { margin-left: 40px; padding-left: 0px; }

details details summary { font-size: 1em; }

details li { list-style-type: disc; margin-bottom: 5px; }

.lessonLinks { margin-left: 10vw; border-bottom: solid 1px; border-color: rgba(255, 255, 255, 0.3); }

.customButton { width: 10vw; padding: 1px 3px; border-radius: 0.5vw; color: white; text-align: center; font-size: 1em; background-color: rgba(255, 255, 255, 0.1); }

.customButton:hover { background-color: rgba(255, 255, 255, 0.3); }

.info { margin-bottom: 1vh; font-variant: small-caps; font-size: 10px; }

.preview { font-variant: normal; font-size: 0.8em; color: gainsboro; }

h1 { text-align: center; font-weight: normal; font-variant: small-caps; font-size: 3em; }

h2 { text-align: center; font-weight: normal; font-size: 1.8em; margin-top: 6vh; margin-bottom: 0.5vh; }

h3 { text-align: left; font-weight: normal; margin-top: 2vh; margin-bottom: 0.5vh; }

p { margin-top: 3vh; margin-bottom: 3vh; }

a:link { color: #d9ae1b; text-decoration: none; }

a:visited { color: #d9ae1b; text-decoration: none; }

a:hover { background-color: rgba(255, 255, 255, 0.2); border-radius: 0.5vw; }

img { border-radius: 0.5vw; }

.video { max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 5vh; margin-bottom: 5vh; display: block; border-radius: 0.5vw; }

h1 .pdfLink { font-size: 0.3em; }

li img { width: 100%; }

@media print { .noprint { display: none; } body { background: #fff !important; color: #000 !important; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } .content { max-width: 75%; margin: auto; display: block; line-height: 1.5; font-size: 1em; } a { color: black !important; text-decoration: none; } li { color: black !important; } summary { list-style: none; } summary::-webkit-details-marker { display: none; } details summary { margin-bottom: 2vh; border-bottom: solid 1px; font-size: 1.5 em; font-weight: bold; margin-top: 2vh; } details details summary { font-size: 1.1em; font-weight: normal; } .cipher { font-family: monospace; letter-spacing: 2px; } table { margin: 5vh auto; text-align: center; border-collapse: collapse; } thead th { padding: 1vh 1vw; } table td { padding: 1vh 1vw; border-top: 1px solid black; border-bottom: 1px solid black; } .ciper table { width: 100%; } .cipher table td { border: 1px solid black; } .cipher thead th { border: 1px solid black; } hr { border: none; border-top: solid 1px black; } }

.particle { position: absolute; border-radius: 50%; pointer-events: none; }

@keyframes particle-animation-1 { 0% { opacity: 0.01; }
  10% { opacity: 0.06; }
  100% { opacity: 0.06;
    transform: translate3d(1vw, -25vh, 0); } }

.particle:nth-child(1) { animation: particle-animation-1 calc(300s * 23 / 140) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 140px; width: 140px; z-index: -1; animation-delay: 0s; transform: translate3d(4vw, 34.5vh, 0); background: #ffffff; }

@keyframes particle-animation-2 { 0% { opacity: 0.01; }
  10% { opacity: 0.14; }
  100% { opacity: 0.14;
    transform: translate3d(74vw, -25vh, 0); } }

.particle:nth-child(2) { animation: particle-animation-2 calc(300s * 67 / 147) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 147px; width: 147px; z-index: -1; animation-delay: 0s; transform: translate3d(71vw, 100.5vh, 0); background: #ffffff; }

@keyframes particle-animation-3 { 0% { opacity: 0.01; }
  10% { opacity: 0.14; }
  100% { opacity: 0.14;
    transform: translate3d(11vw, -25vh, 0); } }

.particle:nth-child(3) { animation: particle-animation-3 calc(300s * 37 / 62) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 62px; width: 62px; z-index: -1; animation-delay: 0s; transform: translate3d(14vw, 55.5vh, 0); background: #ffffff; }

@keyframes particle-animation-4 { 0% { opacity: 0.01; }
  10% { opacity: 0.05; }
  100% { opacity: 0.05;
    transform: translate3d(3vw, -25vh, 0); } }

.particle:nth-child(4) { animation: particle-animation-4 calc(300s * 35 / 105) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 105px; width: 105px; z-index: -1; animation-delay: 0s; transform: translate3d(5vw, 52.5vh, 0); background: #ffffff; }

@keyframes particle-animation-5 { 0% { opacity: 0.01; }
  10% { opacity: 0.1; }
  100% { opacity: 0.1;
    transform: translate3d(71vw, -25vh, 0); } }

.particle:nth-child(5) { animation: particle-animation-5 calc(300s * 34 / 51) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 51px; width: 51px; z-index: -1; animation-delay: 0s; transform: translate3d(66vw, 51vh, 0); background: #ffffff; }

@keyframes particle-animation-6 { 0% { opacity: 0.01; }
  10% { opacity: 0.15; }
  100% { opacity: 0.15;
    transform: translate3d(79vw, -25vh, 0); } }

.particle:nth-child(6) { animation: particle-animation-6 calc(300s * 41 / 17) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 17px; width: 17px; z-index: -1; animation-delay: 0s; transform: translate3d(76vw, 61.5vh, 0); background: #ffffff; }

@keyframes particle-animation-7 { 0% { opacity: 0.01; }
  10% { opacity: 0.03; }
  100% { opacity: 0.03;
    transform: translate3d(76vw, -25vh, 0); } }

.particle:nth-child(7) { animation: particle-animation-7 calc(300s * 26 / 117) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 117px; width: 117px; z-index: -1; animation-delay: 0s; transform: translate3d(78vw, 39vh, 0); background: #ffffff; }

@keyframes particle-animation-8 { 0% { opacity: 0.01; }
  10% { opacity: 0.14; }
  100% { opacity: 0.14;
    transform: translate3d(12vw, -25vh, 0); } }

.particle:nth-child(8) { animation: particle-animation-8 calc(300s * 63 / 35) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 35px; width: 35px; z-index: -1; animation-delay: 0s; transform: translate3d(16vw, 94.5vh, 0); background: #ffffff; }

@keyframes particle-animation-9 { 0% { opacity: 0.01; }
  10% { opacity: 0.2; }
  100% { opacity: 0.2;
    transform: translate3d(75vw, -25vh, 0); } }

.particle:nth-child(9) { animation: particle-animation-9 calc(300s * 50 / 139) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 139px; width: 139px; z-index: -1; animation-delay: 0s; transform: translate3d(76vw, 75vh, 0); background: #ffffff; }

@keyframes particle-animation-10 { 0% { opacity: 0.01; }
  10% { opacity: 0.04; }
  100% { opacity: 0.04;
    transform: translate3d(82vw, -25vh, 0); } }

.particle:nth-child(10) { animation: particle-animation-10 calc(300s * 37 / 102) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 102px; width: 102px; z-index: -1; animation-delay: 0s; transform: translate3d(85vw, 55.5vh, 0); background: #ffffff; }

@keyframes particle-animation-11 { 0% { opacity: 0.01; }
  10% { opacity: 0.12; }
  100% { opacity: 0.12;
    transform: translate3d(85vw, -25vh, 0); } }

.particle:nth-child(11) { animation: particle-animation-11 calc(300s * 56 / 58) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 58px; width: 58px; z-index: -1; animation-delay: 0s; transform: translate3d(88vw, 84vh, 0); background: #ffffff; }

@keyframes particle-animation-12 { 0% { opacity: 0.01; }
  10% { opacity: 0.04; }
  100% { opacity: 0.04;
    transform: translate3d(75vw, -25vh, 0); } }

.particle:nth-child(12) { animation: particle-animation-12 calc(300s * 50 / 78) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 78px; width: 78px; z-index: -1; animation-delay: 0s; transform: translate3d(71vw, 75vh, 0); background: #ffffff; }

@keyframes particle-animation-13 { 0% { opacity: 0.01; }
  10% { opacity: 0.19; }
  100% { opacity: 0.19;
    transform: translate3d(7vw, -25vh, 0); } }

.particle:nth-child(13) { animation: particle-animation-13 calc(300s * 49 / 147) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 147px; width: 147px; z-index: -1; animation-delay: 0s; transform: translate3d(3vw, 73.5vh, 0); background: #ffffff; }

@keyframes particle-animation-14 { 0% { opacity: 0.01; }
  10% { opacity: 0.14; }
  100% { opacity: 0.14;
    transform: translate3d(71vw, -25vh, 0); } }

.particle:nth-child(14) { animation: particle-animation-14 calc(300s * 40 / 103) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 103px; width: 103px; z-index: -1; animation-delay: 0s; transform: translate3d(74vw, 60vh, 0); background: #ffffff; }

@keyframes particle-animation-15 { 0% { opacity: 0.01; }
  10% { opacity: 0.09; }
  100% { opacity: 0.09;
    transform: translate3d(81vw, -25vh, 0); } }

.particle:nth-child(15) { animation: particle-animation-15 calc(300s * 36 / 68) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 68px; width: 68px; z-index: -1; animation-delay: 0s; transform: translate3d(85vw, 54vh, 0); background: #ffffff; }

@keyframes particle-animation-16 { 0% { opacity: 0.01; }
  10% { opacity: 0.1; }
  100% { opacity: 0.1;
    transform: translate3d(80vw, -25vh, 0); } }

.particle:nth-child(16) { animation: particle-animation-16 calc(300s * 44 / 18) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 18px; width: 18px; z-index: -1; animation-delay: 0s; transform: translate3d(83vw, 66vh, 0); background: #ffffff; }

@keyframes particle-animation-17 { 0% { opacity: 0.01; }
  10% { opacity: 0.2; }
  100% { opacity: 0.2;
    transform: translate3d(1vw, -25vh, 0); } }

.particle:nth-child(17) { animation: particle-animation-17 calc(300s * 33 / 50) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 50px; width: 50px; z-index: -1; animation-delay: 0s; transform: translate3d(6vw, 49.5vh, 0); background: #ffffff; }

@keyframes particle-animation-18 { 0% { opacity: 0.01; }
  10% { opacity: 0.1; }
  100% { opacity: 0.1;
    transform: translate3d(14vw, -25vh, 0); } }

.particle:nth-child(18) { animation: particle-animation-18 calc(300s * 55 / 129) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 129px; width: 129px; z-index: -1; animation-delay: 0s; transform: translate3d(13vw, 82.5vh, 0); background: #ffffff; }

@keyframes particle-animation-19 { 0% { opacity: 0.01; }
  10% { opacity: 0.1; }
  100% { opacity: 0.1;
    transform: translate3d(4vw, -25vh, 0); } }

.particle:nth-child(19) { animation: particle-animation-19 calc(300s * 87 / 110) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 110px; width: 110px; z-index: -1; animation-delay: 0s; transform: translate3d(6vw, 130.5vh, 0); background: #ffffff; }

@keyframes particle-animation-20 { 0% { opacity: 0.01; }
  10% { opacity: 0.14; }
  100% { opacity: 0.14;
    transform: translate3d(7vw, -25vh, 0); } }

.particle:nth-child(20) { animation: particle-animation-20 calc(300s * 64 / 22) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 22px; width: 22px; z-index: -1; animation-delay: 0s; transform: translate3d(2vw, 96vh, 0); background: #ffffff; }

@keyframes particle-animation-21 { 0% { opacity: 0.01; }
  10% { opacity: 0.09; }
  100% { opacity: 0.09;
    transform: translate3d(6vw, -25vh, 0); } }

.particle:nth-child(21) { animation: particle-animation-21 calc(300s * 81 / 145) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 145px; width: 145px; z-index: -1; animation-delay: 0s; transform: translate3d(7vw, 121.5vh, 0); background: #ffffff; }

@keyframes particle-animation-22 { 0% { opacity: 0.01; }
  10% { opacity: 0.14; }
  100% { opacity: 0.14;
    transform: translate3d(81vw, -25vh, 0); } }

.particle:nth-child(22) { animation: particle-animation-22 calc(300s * 65 / 23) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 23px; width: 23px; z-index: -1; animation-delay: 0s; transform: translate3d(80vw, 97.5vh, 0); background: #ffffff; }

@keyframes particle-animation-23 { 0% { opacity: 0.01; }
  10% { opacity: 0.12; }
  100% { opacity: 0.12;
    transform: translate3d(12vw, -25vh, 0); } }

.particle:nth-child(23) { animation: particle-animation-23 calc(300s * 80 / 62) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 62px; width: 62px; z-index: -1; animation-delay: 0s; transform: translate3d(11vw, 120vh, 0); background: #ffffff; }

@keyframes particle-animation-24 { 0% { opacity: 0.01; }
  10% { opacity: 0.19; }
  100% { opacity: 0.19;
    transform: translate3d(80vw, -25vh, 0); } }

.particle:nth-child(24) { animation: particle-animation-24 calc(300s * 48 / 129) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 129px; width: 129px; z-index: -1; animation-delay: 0s; transform: translate3d(82vw, 72vh, 0); background: #ffffff; }

@keyframes particle-animation-25 { 0% { opacity: 0.01; }
  10% { opacity: 0.12; }
  100% { opacity: 0.12;
    transform: translate3d(84vw, -25vh, 0); } }

.particle:nth-child(25) { animation: particle-animation-25 calc(300s * 56 / 131) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 131px; width: 131px; z-index: -1; animation-delay: 0s; transform: translate3d(80vw, 84vh, 0); background: #ffffff; }

@keyframes particle-animation-26 { 0% { opacity: 0.01; }
  10% { opacity: 0.13; }
  100% { opacity: 0.13;
    transform: translate3d(75vw, -25vh, 0); } }

.particle:nth-child(26) { animation: particle-animation-26 calc(300s * 43 / 19) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 19px; width: 19px; z-index: -1; animation-delay: 0s; transform: translate3d(70vw, 64.5vh, 0); background: #ffffff; }

@keyframes particle-animation-27 { 0% { opacity: 0.01; }
  10% { opacity: 0.14; }
  100% { opacity: 0.14;
    transform: translate3d(84vw, -25vh, 0); } }

.particle:nth-child(27) { animation: particle-animation-27 calc(300s * 62 / 105) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 105px; width: 105px; z-index: -1; animation-delay: 0s; transform: translate3d(82vw, 93vh, 0); background: #ffffff; }

@keyframes particle-animation-28 { 0% { opacity: 0.01; }
  10% { opacity: 0.13; }
  100% { opacity: 0.13;
    transform: translate3d(14vw, -25vh, 0); } }

.particle:nth-child(28) { animation: particle-animation-28 calc(300s * 22 / 52) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 52px; width: 52px; z-index: -1; animation-delay: 0s; transform: translate3d(18vw, 33vh, 0); background: #ffffff; }

@keyframes particle-animation-29 { 0% { opacity: 0.01; }
  10% { opacity: 0.04; }
  100% { opacity: 0.04;
    transform: translate3d(80vw, -25vh, 0); } }

.particle:nth-child(29) { animation: particle-animation-29 calc(300s * 89 / 68) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 68px; width: 68px; z-index: -1; animation-delay: 0s; transform: translate3d(85vw, 133.5vh, 0); background: #ffffff; }

@keyframes particle-animation-30 { 0% { opacity: 0.01; }
  10% { opacity: 0.18; }
  100% { opacity: 0.18;
    transform: translate3d(7vw, -25vh, 0); } }

.particle:nth-child(30) { animation: particle-animation-30 calc(300s * 45 / 25) infinite; animation-timing-function: ease-in; opacity: 0.05; height: 25px; width: 25px; z-index: -1; animation-delay: 0s; transform: translate3d(6vw, 67.5vh, 0); background: #ffffff; }

/*# sourceMappingURL=styles.css.map */