:root{--colorprimary:#efe534;--colorsecondary:#2570cb}#body{flex-direction:column;height:100vh;margin:0;font-family:sans-serif;display:flex}.headerButton{color:#000;background-color:#f5f1f1;border-radius:8px;padding:10px;text-decoration:none}.headerButton:hover,.headerButton:focus{background-color:#d1cece}.header{background-color:#f7f5f5;justify-content:space-between;margin:0;padding:11px;display:flex}.header-valikko{justify-self:flex-start}.footer{background-color:#ebf1f1;height:200px;margin-top:auto;padding-bottom:10px;padding-left:20px}.koeKaytto{color:#000;background-color:var(--colorprimary);border-radius:8px;padding:10px;text-decoration:none}.luoKayttaja{color:#000;background-color:#e4dc47;border-radius:8px;padding:10px;text-decoration:none}.new-user-page-div{background:#fafaf8;padding:10px}.kirjaudu{color:#000;background-color:#6198dc;border:0;border-radius:8px;margin-left:30px;padding:10px;text-decoration:none}.kirjauduDiv{border-radius:8px;padding:10px}.register{background-color:#efe534;border:0;border-radius:14px;max-width:50%;margin-top:20px;margin-bottom:20px;margin-left:60px;padding:18px 32px;font-weight:600;text-decoration:none;box-shadow:0 8px 24px #0000001f}.register:hover{background-color:#aca524}.kirjaudu:hover{background-color:#2464b2}.luoKayttaja:hover{background-color:#aca524}.FirstHeader{color:#000;max-width:50%;margin-top:50px;margin-bottom:20px;margin-left:50px;padding:10px;font-family:sans-serif;font-size:xx-large;font-weight:700}.subHeading{color:#000;margin-left:50px;padding:10px}.listaRaja{background-color:#f7f5f5;border:solid #1d1a1a;border-radius:6px;margin-top:15px;margin-bottom:15px;padding:2px}.edit-project-page-div{margin:10px}.project-list{border-color:#000;border-top-style:solid;border-top-width:.5px;border-bottom-style:solid;border-bottom-width:.5px;align-items:center;padding:15px;display:flex}.listItem{width:30%}.save-material-list-nimikkeet{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 80px;align-items:center;gap:12px;padding-left:15px;display:grid}.save-material-list{border-top:.5px solid #000;border-bottom:.5px solid #000;grid-template-columns:2fr repeat(6,1fr) 60px;align-items:center;gap:12px;padding:15px;display:grid}.save-material-list>div{word-break:break-word;min-width:0}.save-material-listItem{width:auto}.project-list-text{width:20%;font-size:large;font-weight:700}.project-list-open{background-color:#f7f5f5;border-radius:4px;width:300px;height:50px;margin-left:40px}.project-list-open:hover{background-color:beige}.project-list-delete{background-color:#ff3a3a;border-radius:4px;width:100px;height:50px;margin-left:5px}.project-list-delete:hover{background-color:#621e1e}.new-project-button{background-color:#f7f5f5;border-radius:4px;width:50%;margin-top:20px;margin-left:10px;padding:10px}.new-project-button:hover{background-color:beige}.projects-background{background-color:#fff}.projects-page-header{margin-left:10px}.frontPagePic{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;height:auto;margin-top:60px;transform:rotate(1deg);box-shadow:0 30px 80px #00000024}.materiaalit{flex:1;min-width:280px;max-width:900px}.save-file-btn{color:#000;text-align:center;background-color:#c0b6b6;border-color:#000;border-radius:8px;margin:8px;text-decoration:none}.tallennaPdf{margin:16px}.tallennaMaterialList{margin:10px}.hiilijalanOtsikko,.kokonaisPaastot{margin-left:10px}.hakuMarginaali{text-align:right;width:25%;margin-left:5px}.uusiProjektiOtsikko{margin-bottom:5px;margin-left:40%}.kirjauduSivu{background:#fafaf8;height:100vh}.kirjauduKontti{display:flex}.kirjauduInput{margin:3px}.kirjauduTeksti{text-align:right;width:40%}.kirjauduNappi,.kirjauduOtsikko{margin-left:40%}.ostaSivu{background:#fafaf8;flex-direction:column}.ostaKontti{display:flex}.ostaInput{margin:3px}.ostaTeksti{text-align:right;width:40%}.ostaNappi{margin-top:5px;margin-bottom:5px;margin-left:40%;padding:10px 20px}.ostaOtsikko{margin-left:40%}.informationPage{background:#fafaf8;padding:20px}.koeKayttoDiv{margin-left:20%}.koeKayttoEmail{display:flex}.kehitysvaiheIlmoitus{color:red}.errorNotification{color:red;font-size:large}.frontPage{background:#fafaf8;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.pretty-input{box-sizing:border-box;background:0 0;border:none;border-bottom:1px solid #333;outline:none;width:260px;margin-left:8px;padding:2px 4px 4px;font-size:14px;font-weight:400;line-height:1.4}.projectForm{max-width:900px}.formRow{grid-template-columns:320px 280px auto;align-items:center;gap:12px;margin-bottom:8px;margin-left:10px;display:grid}.formRow label{font-weight:600}.formRow input{box-sizing:border-box;width:100%;padding:6px 8px}.projectFormButton{width:280px;margin-left:342px}.hiilijalanjalki{border:1px solid #d6e3f3;max-width:900px;margin-left:5px;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.hiilijalan-header{text-align:center;grid-template-columns:2fr 1fr 1fr;font-size:1.1rem;font-weight:700;display:grid}.hiilijalan-header div:nth-child(2){background:linear-gradient(#f3f8fd,#fff);padding:24px 8px}.hiilijalan-header div:nth-child(3){padding:24px 8px}.hiilijalan-row{grid-template-columns:2fr 1fr 1fr;align-items:center;min-height:70px;display:grid}.hiilijalan-row>div{padding:16px 20px;font-size:1rem}.hiilijalan-row>div:first-child{color:#111}.hiilijalan-row>div:nth-child(2){text-align:center;background:linear-gradient(#f3f8fd,#fff)}.hiilijalan-row>div:nth-child(3){text-align:center}.hiilijalan-row:not(:last-child){border-bottom:1px solid #edf2f7}.kayttoOhjeDiv{padding:20px}.prosessiErotusViiva{background-color:#111;border-color:#1d1a1a;height:2px}.form-grid{grid-template-columns:220px 450px;align-items:center;gap:16px 20px;max-width:700px;margin:20px;display:grid}.form-grid label{text-align:right;font-size:16px;font-weight:600}.form-grid input,.form-grid select{box-sizing:border-box;border:1px solid #bbb;border-radius:6px;width:100%;padding:8px 12px;font-size:16px}.form-grid button{border-radius:6px;grid-column:2;width:fit-content;padding:10px 20px;font-size:16px}.form-grid button:hover{background:#a09f9f}@media (width<=650px){.frontPage{flex-direction:column;gap:48px;min-height:auto;padding:80px 24px;display:flex;overflow-x:hidden}.FirstHeader{overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;max-width:100%;margin:0;padding:0;font-size:2rem;line-height:1.05}.header{gap:15px;display:grid}.kirjauduDiv{margin-top:15px;margin-bottom:10px;margin-left:0;padding:0}}