body{gap:0}.static_content_box{position:fixed;top:88px;height:calc(100vh - 64px - 88px);width:calc(100% - 128px);max-width:unset;margin-left:64px;margin-right:64px;border-radius:16px;background:rgba(255,255,255,.7);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(14.7px);border:1px solid rgba(255,255,255,.55)}.form_page{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 128px);height:calc(100vh - 64px - 128px - 88px);display:flex;flex:0 1 auto;flex-direction:column;gap:24px;overflow-y:auto;padding:64px 64px;align-items:center;justify-content:flex-start;text-align:center;border-radius:16px}.form_page_wrapper{margin:auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}@media (max-width:1000px){.static_content_box{top:64px;height:calc(100vh - 64px - 24px)}.form_page{height:calc(100vh - 64px - 48px - 24px);width:calc(100% - 48px);padding:24px 24px}.form_page .divider_with_image{justify-content:center}.form_page .divider_with_image img{width:64px}.form_page .divider_with_image .left_divider{display:block;width:15%}.divider_with_image .right_divider{width:15%}}@media (max-width:800px){.static_content_box{top:0;height:100vh;width:100%;border-radius:0}.form_page{height:calc(100vh - 88px);width:calc(100% - 48px);padding:24px 24px;padding-top:64px}.nav_style_1{background:unset;transition:background 250ms ease}.nav_style_1 .btn,.nav_style_1 #nav_hamburger{color:var(--text-color);transition:color 250ms ease}.nav_style_1 .btn:active,.nav_style_1 #nav_hamburger:active{color:var(--A1);transition:color 250ms ease}.nav_style_1 .nav_divider{height:1.5px;background-color:var(--text-color);border-radius:8px}.nav_style_1 .btn:active .nav_divider{background-color:var(--A1)}.nav_style_1 #nav_hamburger_logo img{filter:none}}.form_page_header{display:flex;flex-direction:column;justify-content:center;align-items:center}.form_page_header h4{color:var(--A1)}.form_page_content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.form_page .divider3{margin:20px;flex-shrink:0}.input_list{display:flex;flex-direction:column;gap:12px}.input_list .input_subtitle{font-weight:bold;text-align:left}a.underlined_text{background-image:linear-gradient(#d4d4d6,#d4d4d6),linear-gradient(#171A18,#171A18),linear-gradient(#171A18,#171A18)}.attendance_buttons{display:flex;flex-direction:row;gap:12px;align-items:center;box-sizing:border-box}.attendance_buttons p{flex-grow:1}.attendance_buttons .btn{flex-shrink:0}