#root{position:absolute;top:0vh;height:100vh;width:100vw;display:grid;justify-items:center;align-items:center;grid-template-columns:1fr 2fr;background-color:#d7e5fe;z-index:3}#canvas-threejs{z-index:0;height:88vh;max-height:800px}#intro-threejs{display:flex;flex-direction:column;justify-content:center;padding-left:5vw;max-width:min(33vw,900px);justify-self:start}#intro-threejs p{font-size:16px}#intro-threejs h3{line-height:3rem}.bold-threejs{font-weight:800}#projects-threejs{height:100px;max-width:30vw;list-style:none;font-weight:600;display:flex;flex-direction:column;gap:3rem;justify-content:center;padding:0;margin:0}.button-threejs{border:solid 1px black;border-radius:1rem;padding:.8rem 1.4rem;text-decoration:none;color:#000;font-size:14px;background-color:#ffc412;font-weight:800}.button-threejs:hover{cursor:pointer;border:solid 1px black}#loader-threejs{font-size:16px;font-weight:800;width:400px;text-align:center;animation:introAnimation 1.2s alternate infinite;color:#000}@media screen and (max-width: 480px){#root,#intro-threejs{display:block;max-width:none}#projects-threejs{max-width:none}#intro-threejs{margin-top:10vh}canvas{max-width:fit-content;max-height:50vh}#canvas-threejs{max-height:50vh}#intro-threejs h3{line-height:normal}}@media only screen and (min-width: 480px) and (max-width: 1200px){#root,#intro-threejs{display:flex;flex-direction:column}#projects-threejs{max-width:none}#intro-threejs{margin-top:10vh;max-width:90vh}canvas{max-width:fit-content}#canvas-threejs{max-height:50vh;margin:auto}#intro-threejs h3{line-height:normal}}