*{font-family:"Roboto","Avenir",sans-serif}body{color:#4a4746;line-height:1.5em;font-size:1.1em;padding:0;margin:0;display:flex;flex-direction:column;min-height:100vh}a{color:#153570;transition:0.5s}a:hover{color:#1BB1DE}.section{display:inline-block;margin:0 auto}h1{color:#153570;font-family:"Nunito","Avenir",sans-serif;font-weight:700;line-height:1}#logoText{line-height:125%}h2{color:#1BB1DE;font-family:"Nunito","Avenir",sans-serif;font-weight:700;margin-bottom:2%}h3{color:#153570;font-family:"Nunito","Avenir",sans-serif;margin-bottom:0.5%}.subtitle{color:#153570;font-size:1.5em;text-align:center}strong{font-weight:700}button{font-family:inherit;animation-duration:0.3s;animation-fill-mode:forwards}button.action-button{margin:10px 5px;text-align:center;transition:0.5s;font-weight:200;background-image:linear-gradient(-45deg, #153570 0%, #1BB1DE 100%);cursor:pointer;color:white;text-transform:uppercase;text-decoration:none;border:none;padding:5px 20px}button.action-button:hover{opacity:0.85}.banner{height:300px;display:flex;align-content:center}.banner canvas{position:absolute;z-index:-1}#canvas{height:300px;width:100%}button:focus{outline:none;box-shadow:none}img{align-self:center}.content{margin:20px auto;flex:1 0 auto;width:calc(100% - 60px)}.content h1:before,.content h2:before,.content h3:before,.content h4:before,.content h5:before,.content h6:before{content:"// "}h1.noslashes::before,h2.noslashes::before,h3.noslashes::before,h4.noslashes::before,h5.noslashes::before,h6.noslashes::before{content:""}#topnav{background-color:rgba(255,255,255,0.9)}#topnav #nav-ul{height:auto}#topnav,nav #nav-ul{display:flex;position:sticky;top:0;margin:0;padding:0 2.5vw;height:65px;align-items:flex-start;justify-content:space-between;z-index:1}#topnav a,nav #nav-ul a{text-decoration:none}#topnav ul,#topnav li,nav #nav-ul ul,nav #nav-ul li{list-style:none;padding:0}.dropdownbutton{border:none;margin:0.1vw;cursor:pointer;background-color:inherit;height:100%;width:100%;text-align:left;color:#fff;font-size:0.9em;position:relative;text-align:center}.dropdownbutton:hover{opacity:0.75;transition-duration:0.3s}#topnav .transition,#topnav .dropdown-content,#topnav ul>li .arrow1:before,#topnav ul>li .arrow1:after,#topnav ul>li .arrow2:before,#topnav ul>li .arrow2:after{transition:all 0.25s ease-in-out}#topnav .flipIn,#topnav ul>li{animation:flipdown 0.5s ease both}#topnav .no-select,#topnav .navbutton{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#topnav .navbutton{margin:0;cursor:pointer}#topnav .arrow2{background-color:#fff;color:#fff}#topnav .arrow2:before,#topnav .arrow2:after{background-color:#fff;color:#fff}#topnav .dropdown-content{visibility:hidden;position:relative;transition:visibility 0s, all 0.25s ease-in-out;opacity:0;transform:translate(0, 50%);max-height:0;margin-top:0px;z-index:2;background:rgba(255,255,255,0.9)}#topnav .dropdown-content .subdropdown-content{visibility:hidden;opacity:0;max-height:0;margin-top:0px;z-index:2;background:rgba(255,255,255,0.9)}#topnav .dropdown-content li{margin:0;padding:0}#topnav ul{list-style:none;perspective:900;padding:0;margin:0}#topnav ul>li{position:relative;padding:0;margin:0 10px;padding-bottom:4px;padding-top:18px}#topnav ul>li:nth-of-type(1){animation-delay:0.1s}#topnav ul>li:nth-of-type(2){animation-delay:0.2s}#topnav ul>li:nth-of-type(3){animation-delay:0.3s}#topnav ul>li:nth-of-type(4){animation-delay:0.4s}#topnav ul>li:nth-of-type(5){animation-delay:0.5s}#topnav ul>li:nth-of-type(6){animation-delay:0.6s}#topnav ul>li .arrow1{display:inline-block;width:10px}#topnav ul>li .arrow1:before,#topnav ul>li .arrow1:after{content:"";position:absolute;background-color:#1BB1DE;width:3px;height:9px;right:7px;top:5px}#topnav ul>li .arrow1:before{transform:translate(2px, 0) rotate(45deg)}#topnav ul>li .arrow1:after{transform:translate(-2px, 0) rotate(-45deg)}#topnav ul>li .arrow2{display:inline-block;width:10px}#topnav ul>li .arrow2:before,#topnav ul>li .arrow2:after{content:"";position:absolute;background-color:#1BB1DE;width:3px;height:9px;right:7px;top:5px}#topnav ul>li .arrow2:before{transform:translate(2px, 0) rotate(45deg)}#topnav ul>li .arrow2:after{transform:translate(-2px, 0) rotate(-45deg)}#topnav ul>li .navbutton:hover,#topnav ul>li .dropdownbutton:hover{color:white}#topnav ul>li .navbutton:hover::before,#topnav ul>li .dropdownbutton:hover::before{transform:scaleY(1)}#topnav ul>li .navbutton:hover .arrow1::before,#topnav ul>li .navbutton:hover .arrow1::after,#topnav ul>li .dropdownbutton:hover .arrow1::before,#topnav ul>li .dropdownbutton:hover .arrow1::after{background:white}#topnav ul>li .navbutton:hover .arrow2::before,#topnav ul>li .navbutton:hover .arrow2::after,#topnav ul>li .dropdownbutton:hover .arrow2::before,#topnav ul>li .dropdownbutton:hover .arrow2::after{background:white}#topnav ul>li.open .navbutton{color:white;border-radius:5px}#topnav ul>li.open .navbutton::before{transform:scaleY(1)}#topnav ul>li.open .arrow1:before{transform:translate(-2px, 0) rotate(45deg)}#topnav ul>li.open .arrow1:after{transform:translate(2px, 0) rotate(-45deg)}#topnav ul>li.open .arrow1:before,#topnav ul>li.open .arrow1:after{background:white}#topnav ul>li.open .dropdown-content{visibility:visible;transform:translate(0, 0);opacity:1;max-height:100%}@media screen and (min-width: 769px){#topnav ul>li.open2 .subdropdown-content{visibility:visible;position:relative;left:100%;top:-20px;height:0}}#topnav ul>li.open2 .subdropdown-content{visibility:visible;opacity:1}#topnav ul>li.open2 .subdropdown-content .dropdownbutton{background-color:white}@media screen and (max-width: 768px){#topnav ul>li.open2 .subdropdown-content{max-height:100%;transform:translate(0, 0)}}#topnav ul>li.open2 .arrow2:before{transform:translate(-2px, 0) rotate(45deg)}#topnav ul>li.open2 .arrow2:after{transform:translate(2px, 0) rotate(-45deg)}#topnav ul>li.open2 .arrow2:before,#topnav ul>li.open2 .arrow2:after{background:#1BB1DE}@keyframes flipdown{0%{opacity:0;transform-origin:top center;transform:rotateX(-90deg)}5%{opacity:1}80%{transform:rotateX(8deg)}83%{transform:rotateX(6deg)}92%{transform:rotateX(-3deg)}100%{transform-origin:top center;transform:rotateX(0deg)}}#alert:hover::before{transform:scaleX(1)}#alertbot{height:12vh;border-radius:20px;border:5px solid #FFA640;position:fixed;bottom:20px;right:20px;padding:10px;background-color:#fff}#alert:hover>#alert-info{display:block}#alert::before{content:"Form and Function will be closed for spring break from Mar. 14 to Mar. 20.";display:block;position:fixed;bottom:20px;right:65px;background:#fff;border:5px solid #FFA640;transform:scaleX(0);height:12vh;width:calc(30% + 100px);transition:0.5s ease-in-out;transform-origin:right;border-radius:20px;padding:10px 90px 10px 10px}#navlogo{height:50px;margin-top:10px;margin-left:10px}.mobile{display:none}#navlogo-button{background:none;border:none}.navbutton,.dropdownbutton{transition:0.5s ease-in-out;border:none;cursor:pointer;background-color:inherit;width:100%;text-align:left;text-transform:uppercase;color:#1BB1DE;font-size:0.9em;position:relative}.navbutton::before,.dropdownbutton::before{content:"";display:block;position:absolute;background:#1BB1DE;transform:scaleY(0.05);width:100%;height:100%;transition:0.25s ease-in-out;transform-origin:50% 100%;z-index:-1;padding-left:0px;left:0}.banner{justify-content:center}#logoContainer{display:flex;margin:auto;height:25vw;max-height:300px}#bigLogo{width:calc(10vw + 50px);display:block}#logoText{display:block;margin:auto 25px;font-size:4.5em;font-weight:700;color:#1BB1DE}@media screen and (min-width: 992px){#bigLogo{max-width:800px;max-height:300px}.content{width:calc(100% - 200px);max-width:1500px}}.details-container{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:space-around;padding:0 -10px}.details-item{padding:1% 0;flex-grow:1;flex-shrink:1;position:relative;margin:10px;flex-basis:300px}#footer{background-color:#153570;padding:0.5vh 2vw;color:white;text-align:center;font-size:0.8em}#footer .fa-stack{transition:color 0.3s}#footer .fa-stack:hover{color:#153570}#footer .fa-stack:hover .fa-inverse{color:#fff}#footer .fa-inverse{color:#153570;transition:color 0.3s}#footer div{margin:20px}#footer a{text-decoration:none;color:#fff;font-size:1.5em}#footer-contact{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center}#footer-contact p{font-size:13px;margin:0px}#footer-connect{display:flex;flex-direction:column;align-items:flex-start}#footer-connect h2{color:#1BB1DE;margin:5px 0px 10px;min-width:max-content}#footer-connect a{font-size:13px;margin:0px;text-decoration:underline}#footer a.small-link{font-size:13px;text-decoration:underline;color:white}#footer a.small-link:hover{color:#1BB1DE}#footer-buttons{display:flex;flex-direction:column}#footer-buttons #donate{margin:0px;margin-top:10px}#footer-buttons #donate button{background-color:#1BB1DE;border:none;border-radius:10px;height:37px;width:98%;color:white;font-weight:bold;font-size:15px}#footer-buttons #donate button:hover{background:#153570;cursor:pointer}#footer-buttons #socials{margin:0px;display:flex}.maillist{width:275px;max-height:100px;margin:20px 0}.maillist p{padding:10px 0 5px 0}#mailing-list{max-width:275px;height:70px;background:#153570;padding:0}#puppetwhitebox{background-color:#fff;border-radius:7px}#puppetlogo{height:30px;padding:10px}.footer-info{min-width:150px}.nomargin-below{margin-bottom:0}.social-media{height:8vh;margin:0 1vw}.social-media:hover{opacity:0.85}@media only screen and (max-width: 768px){canvas,#canvas,div canvas{top:0;height:40vh}.banner{height:40vh}#logoText{font-size:2em}.details-container{flex-direction:column}.details-item{flex-basis:initial}#topnav{align-items:center;position:fixed;top:10vh;left:0;z-index:1;background:transparent}#topnav #navlogo{display:none}#topnav .mobile{display:initial}#topnav .flex-center,#topnav .hamburger,#topnav .hamburger>div,#topnav #topnav-right,#topnav #topnav-right>#nav-ul{display:flex;align-items:center;justify-content:center}#topnav *{box-sizing:border-box}#topnav a,#topnav a:visited,#topnav a:hover,#topnav a:active{color:inherit;text-decoration:none}#topnav .checkbox-toggle{position:absolute;top:0;left:0;z-index:2;cursor:pointer;width:60px;height:60px;opacity:0}#topnav .checkbox-toggle:checked+.hamburger>div{transform:rotate(135deg)}#topnav .checkbox-toggle:checked+.hamburger>div:before,#topnav .checkbox-toggle:checked+.hamburger>div:after{top:0;transform:rotate(90deg)}#topnav .checkbox-toggle:checked+.hamburger>div:after{opacity:0}#topnav .checkbox-toggle:checked ~ #topnav-right{pointer-events:auto;visibility:visible}#topnav .checkbox-toggle:checked ~ #topnav-right #nav-ul{transform:scale(1);transition-duration:0.2s;opacity:1;transition:opacity .4s ease .4s}#topnav .checkbox-toggle:hover+.hamburger{box-shadow:inset 0 0 10px rgba(0,0,0,0.1)}#topnav .checkbox-toggle:checked:hover+.hamburger>div{transform:rotate(225deg)}#topnav .hamburger{position:absolute;top:0;left:0;z-index:1;width:60px;height:60px;padding:0.5em 1em;background:#1BB1DE;border-radius:0 .12em .12em 0;cursor:pointer;transition:box-shadow .4s ease;backface-visibility:hidden}#topnav .hamburger>div{position:relative;flex:none;width:100%;height:2px;background:#fff;transition:all .4s ease}#topnav .hamburger>div:before,#topnav .hamburger>div:after{content:"";position:absolute;z-index:1;top:-10px;left:0;width:100%;height:2px;background:inherit;transition:all .4s ease}#topnav .hamburger>div:after{top:10px}#topnav #topnav-right{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;visibility:hidden;overflow:hidden;backface-visibility:hidden;outline:1px solid transparent}#topnav #topnav-right .no-a-button{font-size:1.3em}#topnav #topnav-right>#nav-ul{width:300vmax;height:300vmax;color:#fff;background:#fff;border-radius:50%;transition:all .4s ease;flex:none;transform:scale(0);backface-visibility:hidden;overflow:hidden;text-align:center;opacity:0;transition:opacity .4s ease;overflow-y:auto;flex:none;flex-direction:column;max-height:100vh}#topnav #topnav-right>#nav-ul>li{padding:0;margin:1em;display:block}#topnav #topnav-right>#nav-ul>li>a{position:relative;cursor:pointer;transition:color .4s ease;font-size:1.5em;margin:10px 0}#topnav #topnav-right>#nav-ul>li>a>button.tinybutton{font-size:2rem}#topnav #topnav-right>#nav-ul>li>a .arrow1::before,#topnav #topnav-right>#nav-ul>li>a .arrow1::after{top:10px}#topnav #topnav-right>#nav-ul>li>a .arrow2::before,#topnav #topnav-right>#nav-ul>li>a .arrow2::after{top:10px}#topnav #topnav-right>#nav-ul>li>a:after{content:"";position:absolute;z-index:1;bottom:-0.15em;left:0;width:0;height:2px;transition:width .4s ease}}button.tinybutton{font-size:1rem;font-weight:350;border-radius:7.5px}button.smallbutton{font-size:1.25rem;border-radius:10px}button.mediumbutton{font-size:1.5rem;border-radius:10px}button.largebutton{font-size:2rem;border-radius:10px}.centertext{text-align:center}.bot{object-fit:cover;width:30vw;max-width:300px;height:250px}