#modal{display:flex;justify-content:center;align-items:center}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{background-color:rgba(0,0,0,.7)}#modal-content{position:absolute;background-color:#fff;border-radius:5px}.signup-form-cont{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.signup-form{align-items:flex-start;width:30em;height:32em;padding:2.5em}.signup-form,.signup-form form{display:flex;flex-direction:column}.signup-form form{grid-gap:1em;gap:1em;width:80%}.signup-form input{border:.0625rem solid #dadce0;height:2em;border-radius:7px}.signup-form h1{font-family:"Google Sans","Noto Sans Myanmar UI",arial,sans-serif;font-size:24px;font-weight:400;line-height:1.3333;word-break:break-word}#signup-img{width:15em;height:15em}.form-image-cont{border-radius:7px;display:flex;flex-direction:row;align-items:center;border:.0625rem solid #dadce0}#signup{border:none;background-color:#1a73e8;height:2em;border-radius:7px;color:#fff;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:14px;font-weight:500;width:100%;cursor:pointer}.signup-buttons{display:flex;flex-direction:row;grid-gap:1em;gap:1em;width:100%;justify-content:space-around}#login-instead{color:#1a73e8;background-color:#fff;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:14px;font-weight:500;width:100%;cursor:pointer;border:none}#login-instead:hover{background-color:rgba(180,209,247,.2)}#login-error{color:red;margin:0;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:15px}.login-form-cont{width:100%;height:100%;justify-content:center}.login-form,.login-form-cont{display:flex;align-items:center}.login-form{flex-direction:column;width:450px;height:30em;border:.0625rem solid #dadce0;border-radius:7px;padding:2.5em}#goog-logo{margin-top:2em;height:24px;width:75px}.form-login{width:100%;justify-content:flex-start}.form-login,.form-login form{display:flex;flex-direction:column}.form-login form{grid-gap:2em;gap:2em}.form-login input{border:.0625rem solid #dadce0;height:3em;border-radius:7px}#signin{margin:1em 0 0;font-family:"Google Sans","Noto Sans Myanmar UI",arial,sans-serif;font-size:24px;font-weight:400;line-height:1.3333}#login-errors{color:red;padding-left:0;list-style-type:none;font-weight:400;font-family:"Google Sans",Roboto,Arial,sans-serif}#lnding-msg{color:#202124;font-size:16px;font-weight:400;letter-spacing:.1px;line-height:1.5;font-family:roboto,"Noto Sans Myanmar UI",arial,sans-serif}#login{border:none;background-color:#1a73e8;height:3em;border-radius:7px;color:#fff;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:14px;font-weight:500;width:100%;cursor:pointer}#create-account-cont{width:100%;grid-gap:1em;gap:1em}#create-account,#create-account-cont{display:flex;flex-direction:row;justify-content:flex-start}#create-account{width:100%;margin-top:1.5rem;color:#1a73e8;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:14px;font-weight:500;cursor:pointer;width:7em}#create-account:hover{background-color:rgba(180,209,247,.2)}.cls-none{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:8em 0}#landing-txt{letter-spacing:.01785714em;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25rem;color:#3c4043;text-align:center}.cls-none-buttons{display:flex;flex-direction:row;grid-gap:1em;gap:1em;margin-top:.5em}#create-class{text-align:center;color:#000;font-family:Roboto,Arial,sans-serif;line-height:1.5rem;font-size:1rem;letter-spacing:.00625em;font-weight:400;background-color:#fff;border:none;width:8em;height:2.5em;cursor:pointer}#create-class:hover{transition-duration:.5s;background-color:rgba(0,0,0,.1)}#join-class{text-align:center;color:#fff;background-color:#1a73e8;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:14px;font-weight:500;border-radius:4px;border:none;width:8em;height:2.5em;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center}.cls-individual{width:18.75rem;height:18.375rem;border-radius:5px;border-bottom:.0625rem solid #dadce0;cursor:pointer}.cls-individual:hover{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15)}.cls-cont{display:flex;flex-direction:row;flex-wrap:wrap;grid-gap:1.5em;gap:1.5em;margin:6em 2em 0}.cls-banner-cont{height:30%;background-size:cover;border-radius:5px}.cls-info{display:flex;flex-direction:row;max-height:100%;justify-content:space-between;text-overflow:ellipsis;overflow:hidden;word-break:break-word}#settings-icon{margin:1em;width:2.5em;height:2.5em}#settings-icon,#settings-icon :hover{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;border-radius:1.5rem}#settings-icon :hover{background-color:rgba(0,0,0,.1);width:1em;height:1em;transition-duration:.5s}.cls-name-section{margin:1em 0 1em 1em}.cls-name-section h2{font-size:1.375rem;line-height:1.75rem}.cls-name-section h2,.cls-name-section h4{margin-top:0;margin-bottom:0;font-family:"Google Sans",Roboto,Arial,sans-serif;font-weight:400;color:#fff;text-overflow:ellipsis;overflow:hidden}.cls-name-section h4{-webkit-font-smoothing:antialiased}.cls-assignment-qk{height:50%}.cls-assignment-qk,.cls-options{border-left:.0625rem solid #dadce0;border-right:.0625rem solid #dadce0}.cls-options{border-top:.0625rem solid #dadce0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;height:20%;display:flex;flex-direction:column;justify-content:center}#open-grade-book{display:flex;justify-content:flex-end;margin-right:1em}.cls-options-cont{position:absolute;background-color:#fff;transform-origin:left top;width:8em;height:5em;margin-left:17em;margin-top:3.3em;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);font-family:Roboto,Arial,sans-serif;font-size:1rem;letter-spacing:.00625em;font-weight:400;border-radius:3px}#arrow-cont{width:2em;height:2em;display:flex;justify-content:center;align-items:center;border-radius:50%}#arrow-cont:hover{transition-duration:.5s;background-color:rgba(0,0,0,.1)}#due-date{letter-spacing:.01428571em;font-family:Roboto,Arial,sans-serif;font-weight:400;color:#5f6368}#assignment-details-all-classes,#due-date{font-size:.875rem;line-height:1.25rem;margin:0}#assignment-details-all-classes{letter-spacing:.01785714em;font-family:"Google Sans",Roboto,Arial,sans-serif;font-weight:500;color:#3c4043}#assignment-details-all-classes-cont{cursor:pointer;padding:.15em}#assignment-details-all-classes-cont:hover{background-color:rgba(180,209,247,.2)}#assignment-class-cont{grid-gap:.5em;gap:.5em}#assignment-class-cont,.profile-dropdown{display:flex;flex-direction:column;padding:.5em}.profile-dropdown{position:absolute;grid-gap:.25em;gap:.25em;list-style:none;width:6em;height:5em;margin-top:2.9em;margin-right:2.8em;text-overflow:ellipsis;overflow:hidden;border-radius:8px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15)}.profile-dropdown h4{margin:.5em 0 0;color:#5f6368;font-family:"Product Sans",Arial,Helvetica,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.profile-dropdown p{margin:0;letter-spacing:.01785714em;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25rem}#logout-cont{display:flex}#logout-cont button{border:none;background-color:#1a73e8;color:#fff;width:5em;height:2em;border-radius:3px;cursor:pointer}#logout-cont button:hover{transition-duration:.5s;background-color:#185abc}.hidden{display:none}.home-icon{display:flex;flex-direction:row;cursor:pointer}#classroom{position:relative;color:#5f6368;font-family:"Product Sans",Arial,Helvetica,sans-serif;padding-left:.25rem;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.nav-cont{padding:1em;display:flex;flex-direction:row;justify-content:space-between;font-size:1.38125rem;border-bottom:.0625rem solid #e0e0e0}.cls-nav{display:flex;grid-gap:1em;gap:1em;align-items:center}.pending{color:grey;fill:grey}.active,.pending{text-decoration:none;letter-spacing:.01785714em;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25rem}.active{color:#1a73e8;fill:#1a73e8}#join-class-link{font-family:Roboto,Arial,sans-serif;color:#000;line-height:1.5rem;font-size:1rem;letter-spacing:.00625em;font-weight:400;background-color:#fff;border:none;width:8em;height:2.5em;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center}#join-class-link:hover{transition-duration:.5s;background-color:rgba(0,0,0,.1)}.join-create{position:absolute;flex-direction:column;height:5em;margin-top:2.5em;margin-right:5em;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15)}#add-icon,.join-create{display:flex;justify-content:center}#add-icon{height:1.2em;width:1.2em;align-items:center;border-radius:50%;cursor:pointer}#add-icon:hover{transition-duration:.5s;background-color:rgba(0,0,0,.1)}#create-class-form{padding:1em 1.5em 1.5em;width:34em;height:19em;display:flex;flex-direction:column;grid-gap:1em;gap:1em;flex-shrink:0;font-weight:500}#create-class-form,#create-class-form input{font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:16px;letter-spacing:.1px;line-height:24px}#create-class-form input{height:56px;border:none;border-bottom:1px solid #000;background-color:#f1f3f4;border-top-left-radius:4px;border-top-right-radius:4px;padding-left:.5em}#create-class-form input:hover{background-color:rgba(60,64,67,.1)}#create-class-form input:focus{outline:none;border-bottom:2px solid #1967d2}#create-class-header{padding:0 1.5em;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:.1px;line-height:24px;margin-bottom:0}.create-class-buttons{display:flex;flex-direction:row;justify-content:flex-end;margin-right:1.5em;margin-bottom:1.5em;grid-gap:.2em;gap:.2em}#cancel{border:none;background-color:#fff;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.1px;line-height:36px;color:#5f6368;cursor:pointer;text-align:center}#cancel:hover{background-color:rgba(169,171,174,.1)}#submit-button{border:none;background-color:#fff;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.1px;line-height:36px;color:#5f6368;cursor:pointer;text-align:center}#submit-button:hover{background-color:rgba(169,171,174,.1)}#assignment-font-icon{height:2.5rem;width:2.5rem;background-color:#1a73e8;border-radius:50%;text-align:center;display:flex;flex-direction:column;justify-content:center}.assignment-info{grid-gap:1em;gap:1em;align-items:center}.assignment-cont{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1.5rem;overflow:hidden;border-radius:.5rem;border:.0625rem solid #dadce0;cursor:pointer;color:rgba(0,0,0,.87);font-family:"Roboto",Helvetica,Arial,sans-serif;font-size:.8125rem;font-weight:400;line-height:1.25rem;height:3.5rem;padding:.5rem .5rem .5rem 1.5rem}.assignment-cont:hover{background-color:rgba(60,64,67,.1)}.assignment-info{display:flex;flex-direction:row}.assignment-options{display:flex;flex-direction:column;justify-content:center;padding-right:1rem}.assignment-details{display:flex;flex-direction:column;letter-spacing:.01785714em;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25rem;color:#3c4043}#assignment-post-time{letter-spacing:.025em;font-size:.75rem;line-height:1rem;color:#5f6368}#assignment-post-time,.assignment-options-cont{font-family:Roboto,Arial,sans-serif;font-weight:400}.assignment-options-cont{display:flex;flex-direction:column;align-items:center;position:absolute;background-color:#fff;transform-origin:left top;width:8em;height:5em;margin-left:1em;margin-top:11.3em;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);font-size:1rem;letter-spacing:.00625em;border-radius:3px}.assignment-page-cont{margin:0 auto;width:60%;display:flex;flex-direction:row}.assignment-work-info-cont{width:80%;display:flex;flex-direction:row;text-overflow:ellipsis;overflow:hidden;word-break:break-word}.assignment-work-info{display:flex;flex-direction:column;width:100%}.assignment-work-info h1{fill:#1a73e8;color:#1a73e8;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:2rem;font-weight:400;line-height:2.5rem;margin:.5em 0 0}#creator-time{letter-spacing:.01428571em;font-family:Roboto,Arial,sans-serif;font-weight:400;color:#5f6368}#creator-time,#points{margin:1em 0 0;font-size:.875rem;line-height:1.25rem}#points{border-bottom:1px solid #1a73e8;padding-bottom:1em;letter-spacing:.01785714em;font-family:"Google Sans",Roboto,Arial,sans-serif;font-weight:500;color:#3c4043}.icon-container{width:3em;height:3em;border-radius:50%;background-color:#1a73e8;display:flex;justify-content:center;align-items:center;margin-top:1em;margin-right:.5em}.fa-clipboard-list{color:#fff}.work-cont{height:8em;padding:1.5rem;max-width:18.75rem;width:18.75rem;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);border-radius:.5rem;margin-left:2rem;margin-top:1em}.user-work,.work-cont{display:flex;flex-direction:column}.user-work{grid-row-gap:1em;row-gap:1em}.assigned-work{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1}.assigned-work h2{margin:0;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:1.375rem;font-weight:400;line-height:1.75rem;color:#3c4043}.assigned-work p{margin:0;color:#2e7d32;font-size:.875rem;line-height:1.25rem;letter-spacing:.01785714em}#add-work,.assigned-work p{font-family:"Google Sans",Roboto,Arial,sans-serif;font-weight:500;display:flex;align-items:center}#add-work{color:#1a73e8;grid-gap:.5em;gap:.5em}#add-work,#mark-done{width:100%;height:2.5rem;text-align:center;border:.0625rem solid #dadce0;border-radius:.25rem;font-size:14px;letter-spacing:.25px;justify-content:center;cursor:pointer}#mark-done{font-family:"Google Sans",Roboto,Arial,sans-serif;font-weight:500;display:flex;align-items:center;background-color:#1a73e8;color:#fff}#mark-done:hover{background-color:#185abc;transition-duration:.7s}.upload-work{grid-gap:1em;gap:1em}.announcements-cont,.upload-work{display:flex;flex-direction:column}.announcements-cont{width:100%}.ann-cont{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1.5rem;overflow:hidden;border-radius:.5rem;border:.0625rem solid #dadce0;color:rgba(0,0,0,.87);font-family:"Roboto",Helvetica,Arial,sans-serif;font-size:.8125rem;font-weight:400;line-height:1.25rem;height:3.5rem;max-height:40em;padding:.5rem .5rem .5rem 1.5rem}.ann-cont:hover{background-color:rgba(60,64,67,.1)}.fa-ellipsis-vertical{color:#1a73e8}input[type=file]{display:none}.custom-upload{width:100%;height:2.5rem;text-align:center;font-size:14px;font-weight:500;letter-spacing:.25px;color:#1a73e8;grid-gap:.5em;gap:.5em;cursor:pointer}#files,.custom-upload{border:.0625rem solid #dadce0;border-radius:.25rem;font-family:"Google Sans",Roboto,Arial,sans-serif;display:flex;justify-content:center;align-items:center}#files{height:2em;color:#3c4043}#instructions-cont p{word-break:break-all;letter-spacing:.01428em;font-family:Roboto,Arial,sans-serif;font-size:.88rem;line-height:1.255rem;color:#3c4043}#announcement-cont{display:flex;flex-direction:row;grid-gap:.2em;gap:.2em}#the-announcement{text-overflow:ellipsis;overflow:hidden;width:45em}#no-work{color:#3c4043;letter-spacing:.01785714em;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25rem}.assign-stats-cont{height:10em;width:18.75rem;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);border-radius:.5rem;flex-direction:column;margin-left:2rem;margin-top:1em}.assign-stats,.assign-stats-cont{display:flex;justify-content:center}.assign-stats{flex-direction:row;padding:1em}.assign-stats div{font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:2.25rem;font-weight:400;line-height:2.75rem;color:#3c4043}.assign-stats p{margin-top:0;letter-spacing:.025em;font-family:Roboto,Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1rem;color:#5f6368}#turnedin{padding-right:.5em;border-right:.0625rem solid #dadce0}#assigned{padding-left:.5em}.wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%;width:100%}.ball{width:22px;height:22px;border-radius:11px;margin:0 10px;animation:bounce 2s ease infinite}.blue{background-color:#4285f5}.red{background-color:#ea4436;animation-delay:.25s}.yellow{background-color:#fbbd06;animation-delay:.5s}.green{background-color:#34a952;animation-delay:.75s}@keyframes bounce{50%{transform:translateY(25px)}}.crt-announcement-cont{display:flex;flex-direction:column;width:100%;height:8em;border-radius:.5rem;border:.0625rem solid #dadce0;margin-bottom:2em;height:16em;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15)}.announcement-form-cont{display:flex;width:100%;height:100%;justify-content:flex-start;align-items:flex-start;margin:1.5em 1em}#announcement-form{height:100%;border:none;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#announcement-text{width:56em;height:100%;border:none;background-color:#f8f9fa;font-family:"Roboto",Helvetica,Arial,sans-serif;font-weight:400;line-height:1.25rem;margin-top:1.5em}#announcement-text:focus{outline:none;border-bottom:2px solid #1967d2}#announcement-button{display:flex;flex-direction:row;align-items:flex-start;grid-gap:1em;gap:1em;padding-top:1.3em;padding-left:1.3rem;border:.0625rem solid #dadce0;height:4.5rem;margin-bottom:1.5rem;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);border-radius:.5rem;cursor:pointer}#announcement-button:hover p{color:#1967d2}#user-pfp{height:3em;width:3em}#Announce-something{margin-top:1em;color:rgba(0,0,0,.555);font-family:"Roboto",Helvetica,Arial,sans-serif;font-size:.9rem;font-weight:400;line-height:1.25rem}#buttons{margin-top:1.5em;margin-right:3em;margin-bottom:1.5em;grid-gap:1em;gap:1em;display:flex;flex-direction:row;justify-content:flex-end;width:100%}#submit{border:none;background-color:#1967d2;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.1px;line-height:36px;color:#fff;cursor:pointer;text-align:center;width:5em;border-radius:5px}#submit:hover{border-bottom:1px solid #fff}.upcoming-work{display:flex;flex-direction:column;justify-content:space-around;border:.0625rem solid #dadce0;border-radius:.5rem;padding:1em;height:6em;width:8em}.upcoming-work h2{letter-spacing:.01785714em;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25rem;color:#3c4043;text-transform:none;margin:0}.upcoming-work p{font-size:.8125rem;font-weight:400;line-height:1.25rem;font-family:"Roboto",Helvetica,Arial,sans-serif;color:rgba(0,0,0,.549);margin:0}#nav-to-all{width:100%;display:flex;flex-direction:row;justify-content:flex-end;text-decoration:none;color:#1a73e8;letter-spacing:.01785714em;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25rem}.class-code{display:flex;flex-direction:column;border:.0625rem solid #dadce0;border-radius:.5rem;padding:1em;height:4em;width:8em}.class-code h2{letter-spacing:.01785714em;font-size:.875rem;font-weight:500;line-height:1.25rem;color:#3c4043;text-transform:none;margin:0}#cls-code h1,.class-code h2{font-family:"Google Sans",Roboto,Arial,sans-serif}#cls-code h1{line-height:1.75rem;font-size:1.5rem;fill:#1a73e8;color:#1a73e8;margin:.5em 0 0}#assignment-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}#assignment-title:hover{color:#1a73e8}.cls-detail-pg{align-items:center;height:15rem}.banner-cont,.cls-detail-pg{display:flex;flex-direction:column;width:100%}.banner-cont{border-radius:.5rem;justify-content:space-between;background-size:cover;height:100%}.cls-details-cont{width:calc(100% - 3rem);max-width:62.5rem;justify-content:center;margin:1.5em auto;display:flex;flex-direction:column}.edit-cls{display:flex;flex-direction:row;margin-top:1em;margin-right:1em;grid-gap:1em;gap:1em;background-color:#fff;padding:10px 10px 10px 16px;border-radius:.5rem;color:#1967d2;font-family:"Google Sans",Roboto,Arial,sans-serif;letter-spacing:.25px;font-weight:500;font-size:14px;cursor:not-allowed}.edit-cls h4{margin:0}.banner-sect-1{flex-direction:row}#info-cont,.banner-sect-1{display:flex;justify-content:flex-end}#info-cont{flex-direction:column;margin-bottom:1em;margin-right:1em}.class-details{font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:1.25em;font-weight:500;line-height:2.75rem;color:#fff;letter-spacing:.02cm;display:flex;flex-direction:column;grid-gap:0;gap:0}.class-details h2{margin:0 0 0 1rem}.class-details h4{margin:0 0 1rem 1rem}.class-details-cont{display:flex;flex-direction:row;justify-content:space-between}.cls-details{display:flex;flex-direction:row;height:100%;grid-gap:2em;gap:2em;margin-top:1.5em}#code-work{grid-gap:1.5em;gap:1.5em;width:11em}#code-work,#landing-class{display:flex;flex-direction:column}#landing-class{justify-content:center;align-items:center;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:1.175rem;font-weight:400;line-height:1.75rem;border:.0625rem solid #e0e0e0;border-radius:.5rem}#landing-class h3{margin:1em 0 0;color:#1a73e8}#landing-class p{margin:1em 0;font-size:1rem}.new-classwork{display:flex;flex-direction:row;justify-content:center;align-items:center;height:48px;width:7em;background-color:#1a73e8;color:#fff;grid-gap:.5em;gap:.5em;border-radius:99px;cursor:pointer;font-family:"Google Sans",Roboto,Arial,sans-serif;font-weight:500}.new-class-work-cont{display:flex;flex-direction:row;width:40%;justify-content:flex-start;margin-bottom:2em}.assignments-cont{margin:1.5em auto;width:40%}.new-assignment-cont{width:100%;height:100%;display:flex;flex-direction:row;background-color:#f8f9fa;justify-content:space-between}.first-assignment-form{background-color:#fff;width:48%;height:20em;margin-left:20em;margin-top:1.5em;border:.0625rem solid #e0e0e0;border-radius:8px}#title{background-color:#f8f9fa;border-top-left-radius:5px;border-top-right-radius:5px;border:none;border-bottom:1px solid rgba(0,0,0,.65);height:4em;padding-left:1em;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:16px;letter-spacing:.1px;line-height:24px}#title:focus{outline:none;border-bottom:2px solid #1967d2}#title:hover{background-color:rgba(60,64,67,.05)}.first-assignment-form form{display:flex;flex-direction:column;padding:1.5em;grid-gap:2em;gap:2em}.second-assignment-form{background-color:#fff;width:22em;height:100%;border-left:.0625rem solid #e0e0e0}.second-assignment-form form{display:flex;flex-direction:column;grid-gap:1.5em;gap:1.5em}#second-form{padding:1.5em}#second-form label{margin:0;letter-spacing:.01785714em;font-size:.875rem;font-weight:500;line-height:1.25rem;color:#5f6368}#instructions,#second-form label{font-family:"Google Sans",Roboto,Arial,sans-serif}#instructions{height:10em;background-color:#f8f9fa;border-top-left-radius:5px;border-top-right-radius:5px;border:none;border-bottom:1px solid rgba(0,0,0,.65);padding-left:1em;padding-top:1em;font-size:16px;letter-spacing:.1px;line-height:24px;overflow-y:scroll;overflow-x:hidden}#instructions:focus{outline:none;border-bottom:2px solid #1967d2}#instructions:hover{background-color:rgba(60,64,67,.05)}#points-select{width:8em;height:3em;background-color:#f8f9fa;border:none;padding-left:1em;border-radius:3px;color:#3c4043;font-size:.875rem}#points-select:hover{border-bottom:1px solid #1967d2;background-color:rgba(60,64,67,.1)}#date-select{height:3em;background-color:#f8f9fa;border:none;padding-left:1em;border-radius:3px;color:#3c4043;font-size:.875rem;cursor:pointer}#date-select:hover{border-bottom:1px solid #1967d2;background-color:rgba(60,64,67,.1)}#topic-select{height:3em;background-color:#f8f9fa;border:none;padding-left:1em;border-radius:3px;color:#3c4043;font-size:.875rem;cursor:pointer}#topic-select:hover{border-bottom:1px solid #1967d2;background-color:rgba(60,64,67,.1)}#assign{width:8em;height:3em;background-color:#1967d2;color:#fff;border-radius:.5em;border:none;cursor:pointer;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:14px;letter-spacing:.1px;line-height:24px}#assign:hover{border:1px solid #fff}#no-assignments-display{display:flex;justify-content:center;flex-direction:column;border-top:.15rem solid #e0e0e0}#no-assignments-msg{display:flex;justify-content:center;margin-top:1em;width:100%;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:1.575rem;font-weight:400;line-height:1.75rem;color:#202124}#setting-grade{cursor:pointer;width:1em;height:1em;border-radius:50%;text-align:center}#setting-grade:hover{background-color:rgba(0,0,0,.1)}.grade-table{width:100%;height:100%}#grade-assignment-cont,#grade-cont{width:8em;border-right:.0625rem solid #dadce0}#grade-cont input{width:2em}.assignment-row{display:flex;flex-direction:row;width:100%;height:6em;border-bottom:.0625rem solid #dadce0}.grade-row{background-color:#f8f9fa}.grade-row,.grade-row-diff{width:100%;height:4em;display:flex;flex-direction:row;border-bottom:.0625rem solid #dadce0}.grade-row-diff{background-color:#fff}#name-cont,#user-cont{width:15em;border-right:.0625rem solid #dadce0}#assignment-grade-details{display:flex;flex-direction:column;max-height:6em;margin:.25em}#assignment-grade-details p{margin:.5em 0 0;letter-spacing:.025em;font-family:Roboto,Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1rem;color:#5f6368}#assignment-grade-details h5{margin:0;max-width:100%;color:#333;letter-spacing:.01785714em;font-family:Roboto,Arial,sans-serif;font-size:.75rem;font-weight:500}#assignment-title-cont{padding-top:.25em;overflow:hidden;text-overflow:ellipsis;word-break:break-word}#outof-points{padding-top:.25em;border-top:.0625rem solid #dadce0}#edit-grade-cont{display:flex;flex-direction:column;padding:.5em}#edit-grade-cont button{border:none;background-color:#1a73e8;color:#fff;border-radius:3px;cursor:pointer;font-family:Roboto,Arial,sans-serif;font-size:.75rem;font-weight:500}#button-cont-grade{display:flex;justify-content:space-between;margin-top:.5rem}#display-grade{display:flex;flex-direction:row;justify-content:space-between}#display-grade,#display-grade input{letter-spacing:.01785714em;font-family:Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500}#display-grade input{border:none;background-color:#fff;width:35%;border-radius:3px}#no-submission{letter-spacing:.01785714em;font-family:Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;align-items:center}#no-submission,.edit-grade{display:flex;justify-content:center}.edit-grade{height:100%}.user-cont-grade{margin-top:.4em;display:flex;align-items:center;flex-direction:row;grid-gap:1em;gap:1em}.user-cont-grade h4{margin:0;letter-spacing:.01785714em;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25rem;color:#3c4043}.grade-options-cont{position:absolute;background-color:#fff;transform-origin:left top;width:4em;height:2em;margin-left:2.5em;margin-top:1.8em;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);font-family:Roboto,Arial,sans-serif;font-size:1rem;letter-spacing:.00625em;font-weight:400;border-radius:3px;display:flex;justify-content:center;padding:.5em}#download-button{width:6em;height:2.5em}#no-assignments{height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}#no-assignments span{font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:1.575rem;font-weight:400;line-height:1.75rem;color:#202124}.join-class-cont{margin:1.5em auto;width:30%;display:flex;flex-direction:column;grid-gap:2em;gap:2em}.join-class-account{max-width:100%;padding:1em 0 1em 1em;height:8em;font-family:Roboto,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:.2px;line-height:20px;border-radius:.5rem;border:.0625rem solid #dadce0}#name-cont-join{margin-bottom:0}#email{margin-top:0}#user-info-cont{width:2em;height:2em;display:flex;flex-direction:row;grid-gap:1em;gap:1em}#user-info-cont img{width:100%;height:100%}.join-class-account p{color:#7f7f7f;font-size:.875rem}#class-code-sign,.class-code-cont h2{font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:1.12rem;font-weight:400;line-height:1.55rem;color:#3c4043}#steps,.class-code-cont p{letter-spacing:.0142em;font-family:Roboto,Arial,sans-serif;font-size:.85rem;font-weight:400;line-height:1.22rem;margin-top:0;color:#3c4043}#join-class-button{border:none;background-color:#1a73e8;width:5em;height:1.5em;border-radius:3px;color:#fff;cursor:pointer;margin-top:.5em}#join-class-button:hover{background-color:#185abc;transition-duration:.7s}.class-code-cont{display:flex;padding:1em 0 1em 1em;align-items:flex-start;flex-direction:column;max-width:100%;height:14em;font-family:Roboto,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:.2px;line-height:20px;border-radius:.5rem;border:.0625rem solid #dadce0}#cls-code-input{width:50%;height:4em}.code-input-cont{grid-gap:1em;gap:1em;width:100%;display:flex;flex-direction:row;align-items:flex-end}#pfp{display:flex;align-items:flex-start;height:1.2em;width:1.2em;cursor:pointer;border-radius:50%}#pfp:hover{transition-duration:.5s;background-color:rgba(0,0,0,.1)}#pfp img{height:100%;width:100%}.nav-second{flex-direction:row;justify-content:center}.delete-assignment,.nav-second{display:flex;grid-gap:1em;gap:1em}.delete-assignment{flex-direction:column;width:15em;height:6em;padding:1.5em}.delete-assignment h4{margin:0;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:.1px;line-height:24px}.delete-assignment p{margin:0;font-family:Roboto,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:.2px;line-height:20px;color:#5f6368}#delete-assignment-buttons{display:flex;flex-direction:row;justify-content:flex-end}#cancel-delete{border:none;width:5em;color:#1a73e8;background-color:#fff;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.25px;line-height:36px;cursor:pointer}#cancel-delete:hover{transition-duration:.5s;background-color:rgba(0,0,0,.1)}#delete-assignment{border:none;width:5em;background-color:#fff;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.25px;line-height:36px;cursor:pointer;color:#5f6368}#delete-assignment:hover{transition-duration:.5s;background-color:rgba(0,0,0,.1)}#signin-land{text-decoration:none;font-family:"Google Sans","Roboto",Arial,Helvetica,sans-serif!important;font-size:16px;pointer-events:none;white-space:nowrap;color:#1a73e8}#signin-land-cont{cursor:pointer;display:flex;flex-direction:row;grid-gap:1em;gap:1em;height:2em;width:6em;justify-content:center;align-items:center}#signin-land-cont:hover{transition-duration:.7s;background-color:rgba(60,64,67,.1)}.fa-user{color:#fff}#user-icon{background-color:#5f6368;border-radius:50%;width:1.5em;height:1.5em}#user-icon,.land-first{display:flex;justify-content:center;align-items:center}.land-first{height:2em;flex-direction:row}.land-second{height:2em}.nav-cont-land{display:flex;flex-direction:row;justify-content:space-between;margin:1em;font-size:1.38125rem}.landing-sect-1{display:flex;flex-direction:column;margin:5em auto;align-items:center}.landing-sect-2{display:flex;flex-direction:row;margin:5em 20em}.landing-sect-1 h1{font-size:48px;font-weight:700;letter-spacing:-.5px;line-height:56px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-style:normal}.landing-sect-1 h1,.landing-sect-1 p{font-family:"Google Sans","Roboto",Arial,Helvetica,sans-serif}.landing-sect-1 p{font-size:20px;font-weight:400;letter-spacing:normal;line-height:28px;text-align:center}.landing-cont{display:flex;width:100%;height:100%;flex-direction:column}#class-icon-cont{width:64px;height:64px}#class-icon-cont img{width:100%;height:100%}#landing-message-cont{display:flex;flex-direction:column;justify-content:center;align-items:center}#landing-message-cont p{margin:0 2em}#landing-msg{width:55%;padding:0 2em}#landing-sign-in{width:12em;height:2.5em;background-color:#1a73e8;border-radius:3px;color:#fff;display:flex;justify-content:center;align-items:center;margin-top:2em;cursor:pointer}#landing-sign-in:hover{transition-duration:.5s;background-color:#185abc}#landing-sign-in p{font-size:16px;font-weight:500;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.all-in-one-cont{width:33%;display:flex;flex-direction:column;align-items:center}.all-in-one-cont img{width:80px;height:80px}.easy-to-use-cont{width:33%;display:flex;flex-direction:column;align-items:center}.easy-to-use-cont img{width:80px;height:80px}.built-for-collaboration-cont{width:33%;display:flex;flex-direction:column;align-items:center}.built-for-collaboration-cont img{width:80px;height:80px}#feature{margin-top:1em;font-size:20px;font-weight:400;letter-spacing:normal;line-height:28px;font-family:"Google Sans","Roboto",Arial,Helvetica,sans-serif}#feature-msg{text-rendering:optimizeLegibility;font-family:"Google Sans Text","Roboto",Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;letter-spacing:.1px;line-height:24px;color:#5f6368;text-align:center;font-style:normal;word-wrap:break-word}#feature-msg-cont{width:19em}#github-logo{width:2em;height:2em;cursor:pointer}#github-logo:hover{transition-duration:.7s;border-radius:50%;background-color:#1a73e8}#linkedin-logo{width:2em;height:2em;cursor:pointer}#linkedin-logo:hover{transition-duration:.7s;border-radius:20%;background-color:#1a73e8}#question{bottom:5px}#question,#users{left:5px;width:2.2em;height:2.2em;position:fixed;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}#users{bottom:40px}#users:hover{.fa-users{transition-duration:.22s;color:#185abc}}.fa-users{color:#1a73e8}#question:hover{transition-duration:.7s;background-color:rgba(60,64,67,.2)}#question-mark{height:1.5em;width:1.5em}.about-me{display:flex;flex-direction:row;justify-content:center;align-items:center;grid-gap:.5em;gap:.5em;height:3em;margin-left:3em;bottom:0;width:5em;position:fixed}@media (max-width:1620px){.landing-sect-2{margin:5em}}@media (max-width:1145px){.landing-sect-2{margin:5em 1em}.landing-sect-1{margin:5em}}@media (max-width:1110px){.landing-sect-2{margin:5em 1em}.landing-sect-1 h1{font-size:40px}}@media (max-width:1110px){.landing-sect-2{margin:5em 0}}.pfp{background-image:url(/static/media/pfp.4e3920b5.jpg);width:25rem;height:25rem;background-size:cover;background-position:50%;background-repeat:no-repeat;border:3px solid #fff;animation:morph 8s ease-in-out infinite;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;position:relative;transition:all 1s ease-in-out}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}#profile-cont{display:flex;flex-direction:column;align-items:center;margin:0 15vw}#about-me-cont{flex-direction:row;justify-content:center;margin:5em 15vw;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);border-radius:1.5rem;padding:1em}#about-me-cont,.about-info{display:flex;background-color:#edf2f4}.about-info{width:33.33%;flex-direction:column;align-items:center}.about-info h3{color:#1a73e8}.about-info h3,.about-info p{font-weight:500;font-family:"Google Sans","Roboto",Arial,Helvetica,sans-serif}.about-info p{font-size:1.2em;line-height:1.5}.about-info li{width:3em;height:3em;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px rgba(0,0,0,.09)}.about-info img{width:2em;height:2em}.about-info span{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;padding:0 1em}#portfolio,.about-info span p{font-size:1.25em}#portfolio{display:flex;align-items:center;text-decoration:none;color:#1a73e8;font-size:1.5em;cursor:pointer;font-weight:550;z-index:10;font-family:"Google Sans","Roboto",Arial,Helvetica,sans-serif}#portfolio:hover{transition-duration:.22s;color:#185abc}#profile-cont,#profile-cont h1{font-family:"Google Sans","Roboto",Arial,Helvetica,sans-serif}#profile-cont h1{font-size:48px;margin-bottom:0;letter-spacing:.025cm;display:flex}#profile-cont h4{font-size:22px}#technologies{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;grid-gap:.3em;gap:.3em;margin:0;padding:0}#externals{margin-top:1em;display:flex;margin-left:.25vw;width:100%;grid-gap:.5em;gap:.5em}#linkedin{display:flex;align-items:center;justify-content:center;width:2em;height:2em;margin:0;text-decoration:none}#linkedin i{font-size:35px;z-index:10;color:#000}#linkedin i:hover{transition-duration:.22s;color:#185abc}@media (max-width:1790px){.pfp{width:20rem;height:20rem}.about-info li{width:2.5em;height:2.5em}.about-info img{width:1.5em;height:1.5em}.about-info p{font-size:1em;line-height:1.4}#linkedin i{font-size:30px}}@media (max-width:1530px){.pfp{width:18rem;height:18rem}.about-info p{font-size:.95em;line-height:1.4}}@media (max-width:1430px){#profile-cont{margin:0 10vw}#about-me-cont{margin:5em 5vw}#technologies{grid-gap:.25em;gap:.25em}}@media (max-width:1111px){#profile-cont{margin:0 10vw}#about-me-cont{margin:5em 2vw}}@media (max-width:1045px){.about-info li{width:2.25em;height:2.25em}.about-info img{width:1.25em;height:1.25em}.about-info p{font-size:1em;line-height:1.4}#linkedin i{font-size:25px}}@media (max-width:963px){.pfp{width:15rem;height:15rem}#technologies{grid-gap:.15em;gap:.15em}}#back{text-decoration:none;font-size:1.5em;display:flex;grid-gap:.5em;gap:.5em;align-items:center;margin:1em 5em 0;font-family:"Google Sans","Roboto",Arial,Helvetica,sans-serif;color:#000;font-weight:500}#back:hover{color:#185abc;transition-duration:.22s}body{width:100%;margin:0}#root,body,html{height:100%}#root{width:100%}
/*# sourceMappingURL=main.2f449a98.chunk.css.map */