*{margin:0;padding:0;box-sizing:border-box}html{background:#1e1a20}.webgl{position:fixed;top:0;left:0;outline:none}.section{display:flex;align-items:center;height:100vh;position:relative;font-family:Cabin,sans-serif;color:#ffeded;text-transform:uppercase;font-size:7vmin;padding-left:15%;padding-right:15%}.mercury-section,.mars-section,.neptune-section{justify-content:flex-end}.saturn-section{justify-content:flex-end;padding-right:20%;position:relative}.earth-section,.venus-section,.uranus-section{justify-content:flex-start}.earth-section{justify-content:flex-start;padding-left:20%}.earth-section .planet-info{position:relative;left:-5%}.jupiter-section{justify-content:flex-start;padding-left:20%}.jupiter-section .planet-info{border-color:#ffa00080;transform:scale(1.5);position:relative;left:-8%}.planet-info{max-width:450px;background-color:#00000080;border-radius:15px;padding:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f268733;transition:all .3s;z-index:10;transform:scale(1.5);transform-origin:center center}.planet-info:hover{transform:scale(1.5) translateY(-5px);box-shadow:0 12px 40px #1f26874d}.planet-info h1,.planet-info h2{margin-bottom:15px;text-shadow:0 0 10px rgba(255,255,255,.5);letter-spacing:2px}.description{font-size:16px;line-height:1.6;font-weight:300;text-transform:none;color:#ffffffe6;letter-spacing:.5px;text-align:justify;margin-top:15px;font-family:Helvetica Neue,Arial,sans-serif}.earth-section .planet-info{border-color:#0080ff80}.mercury-section .planet-info{border-color:#b4b4b480}.venus-section .planet-info{border-color:#ffc80080}.mars-section .planet-info{border-color:#ff500080}.jupiter-section .planet-info:hover{transform:scale(1.5) translateY(-5px)}.saturn-section .planet-info{border-color:#e6c86480;margin-top:-200px;margin-right:-100px;transform:scale(1.5);position:relative;right:-5%}.saturn-section .planet-info:hover{transform:scale(1.5) translateY(-5px)}.uranus-section .planet-info{border-color:#64dcdc80}.neptune-section .planet-info{border-color:#0064c880}.mercury-section{justify-content:flex-end;padding-right:20%}.mercury-section .planet-info{position:relative;right:-2%}.venus-section{justify-content:flex-start;padding-left:20%}.venus-section .planet-info{position:relative;left:-2%}.mars-section{justify-content:flex-end;padding-right:20%}.mars-section .planet-info{position:relative;right:-2%}.uranus-section{justify-content:flex-start;padding-left:20%}.uranus-section .planet-info{position:relative;left:-2%}.neptune-section{justify-content:flex-end;padding-right:20%}.neptune-section .planet-info{position:relative;right:-2%}.earth-section .planet-info:hover,.mercury-section .planet-info:hover,.venus-section .planet-info:hover,.mars-section .planet-info:hover,.jupiter-section .planet-info:hover,.saturn-section .planet-info:hover,.uranus-section .planet-info:hover,.neptune-section .planet-info:hover{transform:scale(1.5) translateY(-5px);box-shadow:0 12px 40px #1f26874d}