:root{--color-black: #000;--color-blackAlpha: #00000050;--color-white: #fff;--color-gray: #ccc;--color-sunny: #fbc02d;--color-sunnytwo: #ffeb3b;--color-cloudy: #757575;--color-cloudytwo: #dbdbdb;--color-rainy: #4a90e2;--color-rainytwo: #1a237e;--color-snow: #bbdefb;--color-snowtwo: #e3f2fd;--color-icy: #80d8ff;--color-icytwo: #0091ea}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--color-white);color:var(--color-gray)}.app__container{height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:background .5s ease-in-out;color:var(--color-white);text-shadow:0px 0px 10px var(--color-black)}.bg__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.app__container h1{font-size:5rem;margin-bottom:10px;text-align:center}.app__container p{font-size:2rem}.app__container h2{font-size:3rem;margin-bottom:10px}.container__elements{display:flex;flex-direction:column;align-items:center;gap:10px}.container__elements input{padding:10px;border:none;outline:none;border-radius:5px;background:var(--color-blackAlpha);color:var(--color-white);font-size:1.2rem;transition:.2s ease-in-out}.container__elements input:focus,.container__elements input:hover{background:var(--color-black);box-shadow:0 0 10px var(--color-black)}.container__elements button{padding:10px;border:none;outline:none;border-radius:5px;font-size:1.2rem;background:var(--color-blackAlpha);color:var(--color-white);transition:.2s ease-in-out}.container__elements button:hover{background:var(--color-black);box-shadow:0 0 10px var(--color-black)}