#app{display:flex;flex-direction:column;flex:1;min-height:100vh}body{font-family:Arial,Helvetica,sans-serif;height:100%;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh}h3{font-size:24px}li{font-size:17px}p{font-size:20px;line-height:1.5;font-family:Georgia,serif}button{font-size:20px}#content{clear:left;float:left;padding:100px 7% 0;overflow:auto;margin:0 auto;position:relative}#smallContainer{width:100%}#header{font-size:18px;background:url(/assets/monteCarlo-CaCCceCH.png) no-repeat;background-size:100% 100%;width:100%;position:fixed;padding:0;top:0;left:0;right:0;height:100px;z-index:500}#header h1{color:#fff;padding-left:75px}#switchMenu{margin-top:100px;display:flex;width:100%;background-color:#222;color:#fff;font-size:1.2em;font-family:Roboto,sans-serif;font-weight:300}#switchMenu button{flex:1;border:none;background:none;color:inherit;cursor:pointer;padding:15px 0;text-align:center}#switchMenu button.active{background-color:#444}#switchMenu button:hover{background-color:#fefefe;color:#333}#subMenuContainer{display:flex;flex-wrap:wrap;width:100%;background-color:#333;color:#fff;font-size:1.2em;font-family:Roboto,sans-serif;font-weight:300}#subMenuContainer button{flex:1;border:none;background:none;color:inherit;cursor:pointer;padding:15px 0;text-align:center}#subMenuContainer button.active{background-color:#555}#subMenuContainer button:hover{background-color:#dfdfdf;color:#333}#generalContainer{margin:20px;font-family:Roboto,sans-serif;line-height:1.6}.teaching-section{display:none}.teaching-section.active{display:block}iframe{border:none;width:100%}#readingGroupsContent{padding:10px}.bottom,.footer{margin-top:auto;align-items:center;background-color:#444;color:#fff;width:100%}.bottom p,.bottom ul{color:#fff;font-size:1.2em;font-family:Roboto,sans-serif;font-weight:300;text-align:center;padding:20px 0}.menutext{padding:5px}@media screen and (max-width:600px)and (orientation:portrait){#header{position:relative}#content{padding-top:0}#switchMenu{margin-top:0}}@media screen and (max-width:600px)and (orientation:landscape){#header{position:relative}#content{padding-top:0}#switchMenu{margin-top:100px}}#menu{position:fixed;top:0;right:0;width:25px;height:100px;background-color:#ffffff80;font-weight:600;font-size:14px;transition:width .3s ease .3s,height .3s ease 0s;z-index:1000;overflow:hidden;box-shadow:-2px 0 5px #0000001a;display:flex;flex-direction:column}#menu.expanded{width:250px;height:200px;background-color:#ffffffd9;transition:width .3s ease 0s,height .3s ease .4s,background-color .4s ease .4s}#menu.collapsed{width:25px;height:100px}#menu ul{list-style-type:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;justify-content:space-around}#menu ul li{flex:1;display:flex;align-items:center;justify-content:center}#menu ul li a{display:flex;align-items:center;justify-content:center;width:100%;text-decoration:none;padding:0 20px;color:#000;transition:background-color .3s,color .3s;white-space:nowrap;position:relative;box-sizing:border-box;height:100%}#menu.collapsed ul li a{padding:0 5px;justify-content:center}#menu ul li a span{margin-left:10px;transition:opacity .3s;opacity:1;color:#000}#menu.collapsed ul li a span{opacity:0}#menu ul li a:after{content:attr(data-text);color:#000;position:absolute;left:-250px;background-color:#fffffff2;padding:5px 10px;white-space:nowrap;display:none;border:1px solid #ccc;border-radius:3px;z-index:1001}#menu.collapsed ul li a:hover:after{display:block}#menu ul li a:hover{background-color:#000;color:#fff}#menu ul li a:hover span{color:#fff}@media(hover:none){#menu ul li a:hover{background-color:transparent!important;color:#000!important}#menu ul li a:hover span{color:#000!important}#menu.collapsed ul li a:hover:after{display:none!important}}@media(hover:none)and (pointer:coarse){#menu ul li a:hover{background-color:transparent!important;color:#000!important}}