:root{--primary-color: #f0f8ff;--primary-mobile-color: rgb(137, 92, 30);--header-background-color: #2c3e50;--header-text-color: #ffffff;--footer-background-color: #2c3e50;--footer-text-color: #ffffff;--secondary-color: #490db9;--accent-color: #060607;--main-content-background-color: #f4f4f4;--text-color: black;--main-content-background-text-color: #333333;--header-height: 65px}.banner{border:1px solid;border-radius:5px;padding:.5rem;position:relative;top:0;left:50%;transform:translate(-50%);margin-bottom:1rem;font-weight:700;font-size:1.5rem}.unsupported-message{display:none}*{box-sizing:border-box}@media only screen and (max-width: 767px){html,body{max-width:100%;height:100%;margin:0;background:var(--main-content-background-color)}body{-webkit-overflow-scrolling:touch}body::-webkit-scrollbar{display:none}.app-container{border-radius:.5rem;padding:1rem;margin:0 auto;font-size:1rem;overflow-y:auto;display:flex;flex-direction:column;min-height:100vh;background:var(--main-content-background-color)}.confirmation-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:"90%";z-index:1000;margin-top:1rem}.confirmation-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background:transparent;color:red;font-weight:700;font-size:"1rem";padding:.5rem;border-radius:8px;line-height:1rem;gap:1rem;text-align:justify}.confirmation-content button{font-weight:700;padding:1rem;font-size:2rem;margin-top:1rem}.hamburger-icon{margin-left:50%;transform:translate(-50%)}.places{display:flex;flex-direction:column;background-color:#d6d6bbb8;margin-top:6rem;padding:.5rem;border-radius:1rem;text-align:justify;font-size:1rem;overflow-y:auto}}@media screen and (min-width: 1025px){html,body{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-left:3%;margin-right:3%;background-color:#f9f9f9;background-size:cover;background-position:center;border-radius:1rem}body::-webkit-scrollbar{display:true}.app-container{border-radius:2rem;padding:1rem;z-index:1;background-size:cover;background-position:center;min-width:60vw;max-height:100vh;color:#000;font-weight:700;font-size:1.5rem}.huolto{height:60%;overflow-y:auto}.cleanpage{background-color:#fff}h1{margin-top:2rem}h3{margin-bottom:1.5rem;text-align:left}.accessrequest{display:flex;justify-content:flex-start;align-items:flex-start;margin-top:4 rem}#shoppingCart{margin-left:auto;color:red}#kpl{margin-left:1rem}.confirmation-container{background:#000c;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:50%;z-index:1000;margin-top:1rem}.confirmation-content{align-items:center;background:transparent;padding:1rem;border-radius:1rem;line-height:3rem;color:red;font-weight:700;gap:1rem;text-align:justify}#ok{display:flex;flex-direction:column;margin-top:rem;padding:.5rem;width:100%;background-color:green;font-weight:700}#nok{padding:.5rem;background-color:red;font-weight:700}.mail{display:flex;flex-direction:column;padding:.1rem;gap:1rem}#saveButton{margin-top:4rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}#softaapu-logo{width:"34rem";height:"34rem"}.footer{position:relative;left:0;bottom:0;right:0;z-index:999;display:flex;width:100%;background-color:#f2b7589a;padding:.5rem;border-color:green;border:1px solid}.footer-items{justify-content:flex-end;align-items:center}.footer-items img{margin-right:20px;width:3rem}.link-button{display:inline-block;text-align:center;text-decoration:none;border:none;padding:.75rem 1.375rem;color:initial;font-weight:700;border-radius:5px;cursor:pointer;transition:transform .1s ease-in-out}.link-button:hover{transform:translate(1px,1px)}.host-nav{display:flex;margin-top:2rem;display:inline-block;justify-content:center;background-color:gray;font-weight:700;gap:1rem}.host-nav a{justify-content:center;text-decoration:none;color:#b21313;font-size:16px;padding:8px 16px;transition:color .3s ease}.host-nav a:hover{color:#f67214}h3.cv-contact-title{margin-top:40px;margin-left:0}#mailIcon{margin-top:120px}.row{display:table-row;font-size:14px;text-align:left;justify-content:left;border-bottom:1px solid;margin-left:2%}.cell{display:table-cell;padding:2rem}.logout-text{width:50%;height:50%}tr:nth-child(2n){background-color:#add8e6}tr:nth-child(odd){background-color:#e6e6e6}.hire--whys{margin-top:10px}.places{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:.5rem;font-size:1rem;font-weight:700;background-color:#d6d6bbb8;margin:2rem;padding:1rem;border-radius:1rem}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){html,body{display:flex;justify-content:center;align-items:center;flex-direction:column}body::-webkit-scrollbar{display:true}.app-container{border-radius:2rem;padding:1rem;z-index:1;background:#d3d3d3;background-size:cover;background-position:center;width:95vw}.showWk{display:flex;flex-direction:column;gap:1rem;max-height:50%;overflow-y:auto}.cleanpage{background-color:#fff}h1{margin-top:2rem}h3{margin-bottom:1.5rem;text-align:left}.accessrequest{display:flex;justify-content:flex-start;align-items:flex-start;margin-top:4 rem}#shoppingCart{margin-left:auto;color:red}#kpl{margin-left:1rem}.confirmation-container{background:#000c;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:90%;z-index:1000}.confirmation-content{position:fixed;top:30%;left:30%;max-width:50%;max-height:60%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:1rem;border-radius:8px;line-height:30px;gap:1rem;text-align:justify}#ok{margin-top:rem;padding:.5rem;width:100%;background-color:green;font-weight:700}#nok{padding:.5rem;background-color:red;font-weight:700}.mail{display:flex;flex-direction:column;padding:.1rem;gap:1rem}#saveButton{margin-top:4rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}#softaapu-logo{width:"34rem";height:"34rem"}.footer{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:flex-end;align-items:center;width:100%;background-color:#f2b7589a;padding:.5rem 1rem;box-sizing:border-box}.footer-items{display:flex;align-items:center}.footer-items img{width:24px;height:24px}.link-button{display:inline-block;text-align:center;text-decoration:none;border:none;padding:.75rem 1.375rem;color:initial;font-weight:700;border-radius:5px;cursor:pointer;transition:transform .1s ease-in-out}.link-button:hover{transform:translate(1px,1px)}.host-nav{display:flex;justify-content:center;font-weight:700}.host-nav a{justify-content:center;text-decoration:none;color:#b21313;font-size:16px;padding:8px 16px;transition:color .3s ease}.host-nav a:hover{color:#f67214}h3.cv-contact-title{margin-top:40px;margin-left:0}#mailIcon{margin-top:120px}.row{display:table-row;font-size:14px;text-align:left;justify-content:left;border-bottom:1px solid;margin-left:2%}.cell{display:table-cell;padding:2rem}.logout-text{width:50%;height:50%}tr:nth-child(2n){background-color:#add8e6}tr:nth-child(odd){background-color:#e6e6e6}.hire--whys{margin-top:10px}}