: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}.text{color:#000;text-decoration:none;padding:10px;border-radius:8px}.text:hover{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%}.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:#ff3737;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{margin:10px}.hiilijalanOtsikko,.kokonaisPaastot{margin-left:10px}.hakuMarginaali{margin-left:5px;width:25%;text-align:right}.kirjauduKontti{display:flex}.kirjauduInput{margin:3px}.kirjauduTeksti{width:40%;text-align:right}.kirjauduNappi,.kirjauduOtsikko{margin-left:40%}.informationPage{padding:20px}.koeKayttoDiv{margin-left:20%}.koeKayttoEmail{display:flex}.frontPage{display:grid;grid-template-columns:repeat(2,1fr)}@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}}