body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif;background:var(--black)}h1,h2,h3{font-size:22px}h1,h2,h3,a{color:var(--white);text-decoration:none}p{color:var(--grey);margin:10px 0}ul{list-style:none;padding:0;margin:0}.btn{display:flex;justify-content:center;align-items:center;box-sizing:border-box;transition:.5s;cursor:pointer;border:none;font-weight:700}.btn.btn-primary,.btn.btn-secondary{padding:12px;font-size:16px;border-radius:8px}.btn.btn-primary{color:var(--white);background:var(--primary)}.btn.btn-primary:hover{background:var(--primary-010);color:var(--white)}.btn.btn-secondary{color:var(--white);background:var(--secondary)}.btn.btn-secondary:hover{background:var(--secondary-010);color:var(--black)}.circle{width:20px;height:20px;border-radius:50%;transition:background-color .3s ease}.green_circle{background-color:green}.red_circle{background-color:red}.container{width:700px;position:relative;box-sizing:border-box}@media (max-width: 750px){.container{width:100%;padding:0 20px}}:root{--primary: #0057b8;--primary-010: #2e6bce;--secondary: #00aaff;--secondary-010: #33b8e6;--white: #ddd;--black: #10101a;--black-010: #2a2a30;--grey: #9b9ba0}.light-theme{--primary: #0057b8;--primary-010: #2e6bce;--secondary: #00aaff;--secondary-010: #33b8e6;--white: #10101a;--black: #ddd;--black-010: #d6d6e2;--grey: #656560}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}