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