@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Michroma&display=swap";*{box-sizing:border-box}#root{width:100vw;height:100vh}body{width:100%;height:100%;margin:0;color:#000;background-color:#000}.main{position:fixed;inset:0;z-index:10}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:11;display:grid;place-items:center;background:#fff;text-align:center}.loading-screen.inactive{opacity:0;pointer-events:none;z-index:-1;transition:opacity 1s ease}img{width:100%;height:100%;object-fit:cover}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;z-index:100}.overlay-content{width:40%}.images{position:relative;height:300px;top:-4rem}.img-holder{position:relative;width:80%;height:100%;margin:0 auto;z-index:2;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.img-holder img{position:absolute;top:0;left:-100%}.text{position:absolute;top:80%;left:50%;transform:translate(-50%,-50%);text-align:center}.counter,.logo{font-family:Lato,sans-serif;font-weight:900;font-size:80px;text-transform:uppercase;display:flex;justify-content:center;gap:.05em}.counter-wrapper,.logo-wrapper{display:inline-block;min-height:100px}.counter-wrapper span,.logo-wrapper span{display:inline-block;transform:translateY(100%);opacity:0;color:#000}.screen{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0}.screen.hidden{opacity:0;pointer-events:none}.screen-home{margin:auto;display:flex;flex-direction:column;align-items:center;background-image:url(/Images/house2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.screen-house,.screen-outside,.screen-garage,.screen-stairs,.screen-living{margin:auto;display:flex;flex-direction:column;align-items:center}nav{position:fixed;top:0;width:100vw;padding:2em;display:flex;justify-content:space-between;z-index:1}a{cursor:pointer;text-decoration:none;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.6);text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:18px;font-weight:600}a:hover{color:#ffd500;text-shadow:1px 1px 8px rgb(0,0,0)}.home-content,.home-garage,.home-stairs,.home-living{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.title{font-size:6rem;color:#ffea00;text-shadow:2px 2px 8px rgba(0,0,0,.6);font-family:Lato,sans-serif;font-weight:900;font-style:normal;margin:0}.text-home{font-size:1.2rem;color:#fffffffa;text-shadow:1px 1px 8px rgba(0,40,200,.952);font-family:Michroma,sans-serif;font-weight:600;font-style:normal;text-align:center;justify-content:center;width:100%;background-color:#00000034;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #f9e1583d;padding:1rem;border-radius:20px;margin:0 auto}.button-group{display:flex;padding-top:-1rem}.info-house{font-size:1.3rem;color:#fffffffa;text-shadow:1px 1px 8px rgb(10,34,95);font-family:Michroma,sans-serif;font-weight:600;font-style:normal;text-align:center;justify-content:center}.button-groupHose,.button-groupOutside,.button-groupInside{display:flex;gap:4rem}.button-comeback{margin-top:3rem}.btn-back{background-color:#7dabb4;border:none;border-radius:.5rem;color:#000;font-family:Michroma,sans-serif;font-weight:600;font-size:1.1rem;transition:all .4s ease-in-out;box-shadow:inset 0 0 0 .09px #4cabbe;display:flex;align-items:center;gap:15px;padding:10px 20px}.btn-back:hover{box-shadow:inset 250px 0 #0d3b44;color:#fff;transform:scale(1.1)}button{background-color:#000000a5;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #e2e1e140;padding:.85rem;border-radius:10px;color:#e7e7e7;font-family:Michroma,sans-serif;font-weight:600;font-size:1.2rem;border:none;cursor:pointer}button:hover{background-color:#fff2058c;color:#000}.title-outside{font-size:5rem;color:#ffea00;text-shadow:2px 2px 8px rgba(0,0,0,.6);font-family:Lato,sans-serif;font-weight:900;font-style:normal;margin:0}.text-outside{font-size:1.2rem;color:#fffffffa;font-family:Michroma,sans-serif;font-weight:600;font-style:normal;text-align:center;justify-content:center;width:60%;background-color:#00000081;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #f9e1583d;padding:1rem;border-radius:20px;margin:0 auto}.title-living{font-size:5rem;color:#ffea00;text-shadow:2px 2px 8px rgba(0,0,0,.6);font-family:Lato,sans-serif;font-weight:900;font-style:normal;margin:0}.text-living{font-size:1.2rem;color:#fffffffa;font-family:Michroma,sans-serif;font-weight:600;font-style:normal;text-align:center;justify-content:center;width:90%;background-color:#00000081;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #f9e1583d;padding:1rem;border-radius:20px;margin:0 auto}@media (max-width: 860px){.overlay-content{width:75%}.title{font-size:5rem}.text-home{width:80%}.info-house{font-size:1.2rem}button{font-size:1rem}.title-outside,.title-living{font-size:4rem}.text-outside,.text-living{font-size:1.1rem;width:80%}}@media (max-width: 650px){.title{font-size:4.5rem}.text-home{width:95%}.info-house{font-size:1.3rem}.button-groupHose,.button-groupOutside,.button-groupInside{gap:1rem}button{font-size:1rem;gap:10px;padding:10px}.title-outside,.title-living{font-size:3rem}.text-outside,.text-living{font-size:1rem;width:90%}}