@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;font-family:Poppins,sans-serif;font-size:20px}:root{--background: rgba(24, 23, 40, 255);--box: rgba(32, 29, 50, 255);--font: rgba(245, 245, 250, 255);--border: rgba(132, 130, 145, 255);--boxborder: rgba(138, 136, 243, 255);--placeholder: rgba(131, 129, 143, 255)}body{background-color:var(--background)}.navbar{background-color:var(--background);overflow:hidden;height:100px}.navbar .logo{float:left;padding:25px;margin-left:35px;filter:invert(100%)}.navbar a{float:right;color:var(--font);text-decoration:none;margin-top:27px;margin-right:40px;padding:10px 15px;border:3px solid var(--boxborder);border-radius:10px;font-size:15px}.navbar a:hover{background-color:var(--boxborder);text-decoration:underline;transition:.2s}.matter{color:var(--font);width:60%;margin:20px auto auto;font-size:30px;text-align:center;padding:50px}.matter #name{font-size:80px;color:var(--boxborder);font-weight:700}.matter #info{color:var(--font)}