*{margin:0;padding:0;box-sizing:border-box;font-family:Verdana,Helvetica,Arial,sans-serif}:root{--white-color:#fff;--hover-color:#4070f4;--select-color:#2852c7;--bg-color-light:#eef6ff;--grey-color:#707070;--grey-color-light:#aaa;--font-color1:#2e0a58}@media(max-width:720px){.hide-sm{display:none}}.topbar{position:fixed;top:0;width:100%;left:0;background-color:var(--bg-color-light);color:var(--font-color1);display:flex;align-items:center;justify-content:space-between;padding:15px 30px;z-index:1000;box-shadow:0 0 2px var(--grey-color-light)}.topbar ul{display:flex;justify-content:space-around}.topbar ul li{list-style:none}.topbar ul li a{color:#2e0a58;text-decoration:none;font-size:16px;padding:14px 16px}#page{margin-left:300px;margin-top:60px}.sidebar{background-color:var(--bg-color-light);width:300px;position:fixed;top:0;left:0;height:100%;padding:60px 10px;z-index:100;overflow-y:scroll;box-shadow:0 0 2px var(--grey-color-light)}.sidebar.close{padding:60px 0;width:0}.sidebar.close ~ #page{margin-left:0}.sidebar::-webkit-scrollbar{display:none}.sidebar_content{position:relative}.menu_title{margin:15px 0;padding:0;font-size:18px}.sidebar.close .menu_title{padding:6px 30px}.menu_title::before{color:var(--grey-color);white-space:nowrap}.sidebar.close .menu_title::before{content:"";position:absolute;height:2px;width:18px;border-radius:12px;background:var(--grey-color-light)}.menu_items{padding:0;list-style:none}.sidebar .nav_link{display:flex;align-items:center;width:100%;padding:6px 12px;border-radius:8px;text-decoration:none;color:var(--grey-color)}.sidebar.close .navlink{display:none}.navlink{padding-right:5px}.nav_link:hover{color:var(--white-color);background:var(--hover-color)}.nav_link.active{color:var(--white-color);background:var(--select-color)}.sidebar.close .nav_link:hover{background:var(--white-color)}.submenu_item{cursor:pointer}.submenu{display:none}.submenu_item .arrow-right{position:absolute;right:10px;display:inline-block;margin-right:auto;transform:scale(0.7,1.3)}.sidebar.close .submenu{display:none}.show_submenu ~ .submenu{display:block}.show_submenu .arrow-right{transform:scale(1.3,0.7) rotate(90deg)}.submenu .nav_link{padding:8px 8px 8px 40px}#sidebarOpener{font-size:25px;display:block;margin-right:10px;cursor:pointer;color:var(--font-color1)}.sidebar.close{left:-100%}.prev-next{text-align:right;padding:16px;font-size:14px;margin-right:7%}.prev-next a{padding:1px;background:#c9d8ff;color:#2e0a58;border-radius:4px}.heading{text-align:center;padding:120px 10% 120px 10%;background-color:#f3faff;color:#2e0a58}.heading .title{line-height:1.5;font-size:42pt;font-weight:bold}.main{max-width:1280px;margin-left:auto;margin-right:auto;padding:7%;padding-top:16px;line-height:2;font-size:16pt}.imagespan{text-align:center;width:100%;display:inline-block}.image{max-width:90%;border:1px solid;margin-top:30px;margin-bottom:30px}.home{color:white;letter-spacing:5px;font-size:20px}footer{background-color:#f3faff;padding:50px;color:#444;font-size:12pt}.footer-content{display:flex;justify-content:space-around}.footer-item{padding:10px}.footer-item a{color:inherit}