2 lines
7.5 KiB
CSS
2 lines
7.5 KiB
CSS
@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@600&display=swap";#header{background:#fdffff;padding:0 150px;position:sticky;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media screen and (max-width: 850px){#header{padding:0 50px}}@media screen and (max-width: 360px){#header{padding:0 25px}}#header #logo{display:flex;align-items:center;height:56px}@media screen and (max-width: 850px){#header #logo{height:36px}}#header .bounce-animation span{font:600 56px "Oswald",sans-serif;display:inline-block;color:#1d60b5;animation:bounce 2500ms infinite;animation-delay:calc(.1s*var(--i))}@media screen and (max-width: 850px){#header .bounce-animation span{font-size:36px}}@keyframes bounce{0%,40%,100%{transform:translateY(0)}20%{transform:translateY(-5px)}}#header .navbar{display:flex}#header .navbar .nav-item{margin-right:1vw;font:18px "Montserrat",sans-serif;font-weight:600;color:#706fff;text-decoration:none}#header .navbar .nav-item:hover{color:#01003b}#header .navbar .nav-item:last-of-type{margin-right:0}@media screen and (max-width: 1200px){#header .navbar .nav-item{display:none}}#header #toggle{display:none}#header #toggle-label{margin:0;width:36px;height:36px;position:relative;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#header #toggle-label .bar{padding:0;width:36px;height:4px;background-color:#1d60b5;display:block;border-radius:4px;transition:all .4s ease-in-out;position:absolute}#header #toggle-label .bar1{transform-origin:5%}#header #toggle-label .bar4{transform-origin:5%}@media screen and (max-width: 850px){#header #toggle-label{width:28px;height:28px}#header #toggle-label .bar{width:28px}}#header .bar1{top:0}#header .bar2,#header .bar3{top:16px}@media screen and (max-width: 850px){#header .bar2,#header .bar3{top:12px}}#header .bar3{right:0}#header .bar4{bottom:0}#header #toggle:checked+#toggle-label>.bar1{transform:rotate(45deg);height:3px;width:50px}@media screen and (max-width: 850px){#header #toggle:checked+#toggle-label>.bar1{width:39px}}#header #toggle:checked+#toggle-label>.bar3{transform:rotate(45deg);height:3px;background-color:rgba(0,0,0,0)}#header #toggle:checked+#toggle-label>.bar2{transform:rotate(-45deg);height:3px;background-color:rgba(0,0,0,0)}#header #toggle:checked+#toggle-label>.bar4{transform:rotate(-45deg);height:3px;width:50px}@media screen and (max-width: 850px){#header #toggle:checked+#toggle-label>.bar4{width:39px}}#header #toggle-label{display:none}@media screen and (max-width: 1200px){#header #toggle-label{display:block}}#footer{display:flex;justify-content:space-between;background-color:#000;font:16px "Montserrat",sans-serif;padding-top:50px;padding-bottom:50px}#footer .footer-columns{display:flex}#footer .footer-columns .footer-column{margin:0 20px 20px 20px}#footer .footer-columns .footer-column h1{margin:0 0 16px 0;font:700 18px "Montserrat",sans-serif;color:#f5ffff}@media screen and (max-width: 400px){#footer .footer-columns .footer-column h1{font-size:14px}}#footer .footer-columns .footer-column a{text-decoration:none;color:#abb3b3}#footer .footer-columns .footer-column a:hover{font-size:17px;color:#b3d1ff}@media screen and (max-width: 400px){#footer .footer-columns .footer-column a:hover{font-size:13px}}#footer .footer-columns .footer-column ul{margin:0;padding:0;list-style-type:none}@media screen and (max-width: 400px){#footer{font-size:12px}}#footer-stateless{display:flex;justify-content:space-between;align-items:center;background-color:#1d60b5;color:#fff;font:14px "Montserrat",sans-serif}#footer-stateless a{color:#fff;text-decoration:none}#footer-stateless a:hover{font-style:italic}#footer-stateless .smaller{font-weight:200;font-size:12px}@media screen and (max-width: 400px){#footer-stateless .smaller{font-size:8px}}@media screen and (max-width: 400px){#footer-stateless{font-size:10px}}@keyframes fullscreen-image-appear{from{opacity:0;width:0;height:0}to{width:100%;height:100vh}}@keyframes slideshow{0%{opacity:0;animation-timing-function:ease-in}8%{opacity:1;animation-timing-function:ease-out}17%{opacity:1}25%{opacity:0}100%{opacity:0}}@keyframes important{0%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}50%{transform:scale(1.02);text-shadow:#01003b 0 0 20px;color:#fff}100%{transform:scale(1);text-shadow:#000 0 0 0;color:#fff}}html,body{margin:0;padding:0;background-color:#364040;scroll-behavior:smooth}a{text-decoration:none;color:#706fff}a:hover{color:#01003b}a:active{font-style:italic}.content-spacing{padding:100px 200px}@media screen and (max-width: 1100px){.content-spacing{padding:50px 100px}}@media screen and (max-width: 850px){.content-spacing{padding:10px 20px}}.content-spacing-small{padding:50px 100px}@media screen and (max-width: 1100px){.content-spacing-small{padding:25px 50px}}@media screen and (max-width: 850px){.content-spacing-small{padding:5px 10px}}.ignore-vertical{padding-top:0;padding-bottom:0}.no-decoration{text-decoration:none;color:inherit}.no-decoration:hover{color:inherit}.paragraph{font:500 x-large "Montserrat",sans-serif}@media screen and (max-width: 1100px){.paragraph{font-size:large}}@media screen and (max-width: 850px){.paragraph{font-size:18px}}@media screen and (max-width: 400px){.paragraph{font-size:16px}}.heading{font:600 50px "Montserrat",sans-serif}@media screen and (max-width: 1100px){.heading{font-size:35px}}@media screen and (max-width: 850px){.heading{font-size:25px}}@media screen and (max-width: 400px){.heading{font-size:20px}}#header{position:sticky;top:0;z-index:99;height:10vh}@media screen and (max-width: 850px){#header{height:45px}}#drawer{overflow:hidden;position:fixed;bottom:0;right:0;z-index:2;background:linear-gradient(to left bottom, #1d60b5, #003e86);width:0;height:90vh;display:flex;flex-direction:column;align-items:center;transition:width 500ms}#drawer .drawer-item{position:relative;opacity:0;margin-top:50px;background:linear-gradient(#FFFFFF, #adf0ff);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);font:600 28px "Montserrat",sans-serif;text-decoration:none;transition:opacity 250ms ease-in-out}#drawer .drawer-item:first-of-type{margin-top:100px}#drawer .drawer-item:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background:linear-gradient(to left, #FFF, #AFF);transform-origin:bottom right;transition:transform .25s ease-out}#drawer .drawer-item:hover:after{transform:scaleX(1);transform-origin:bottom left}#drawer .drawer-item.visible{opacity:1}#drawer.expanded{width:100%;top:unset}@media screen and (max-width: 850px){#drawer{height:calc(100vh - 45px)}}#container{min-height:90vh;display:grid;grid-template-rows:1fr auto;grid-template-columns:1fr;grid-gap:0;overflow:auto}@media screen and (max-width: 850px){#container{min-height:calc(100vh - 45px)}}#container.hidden{display:none}#content{background:#f5f5f5;grid-column:1;grid-row:1;overflow-wrap:break-word}#scroll-to-top{display:none;width:50px;height:50px;position:fixed;right:25px;bottom:55px;z-index:99;cursor:pointer;border:none;border-radius:50%;background-color:#1d60b5;box-shadow:#fff 0 0 50px -5px}#scroll-to-top img{height:100%;width:100%;filter:invert(100%)}@media(hover: hover)and (pointer: fine){#scroll-to-top:hover{width:60px;height:60px;right:20px;bottom:50px;transition:250ms cubic-bezier(0.51, 1.27, 0.18, 0.96)}#scroll-to-top:hover img{transform:translateY(-5px);transition:250ms cubic-bezier(0.51, 1.27, 0.18, 0.96)}}#footer{grid-column:1;grid-row:2}#footer-stateless{grid-column:1;grid-row:3}
|