nav{width:100%;color:#fff;padding:4px 0;position:fixed;top:0;left:0;display:flex;justify-content:space-between;align-items:center;z-index:10}.logo-div{display:flex;align-items:center;padding:2px 4px;justify-content:space-between}.logo-div span{font-size:x-large;margin:2px 6px}.logo{width:50px;border-radius:50%}nav a{display:inline-block;list-style:none;padding:14px 25px;font-size:16px;border-radius:30px;font-size:large;cursor:pointer}.dark-nav{background:#212ea0;transition:.4s}.menu-icon{display:none}@media screen and (max-width:850px){nav{padding:15px 0}nav ul{position:fixed;top:0;right:0;bottom:0;background:#000;z-index:-1;width:300px;padding-top:60px;transition:.5s}nav ul a{display:block;margin:15px 20px;text-align:center}.menu-icon{display:block;width:30px;cursor:pointer}.hide-menu-icon{right:-300px}}.footer{display:flex;justify-content:center;align-items:center;width:100%;text-align:center;height:100px;background:#000;position:fixed;bottom:0}.footer-text{display:flex;color:#fff;font-size:14px}*{margin:0;padding:0;box-sizing:border-box}body{background:#f5f5f5}a{text-decoration:none;color:inherit;line-height:1;cursor:pointer}.container{padding-left:10%;padding-right:10%}.btn{background:#e8dbdb;color:#212121;border-radius:30px;cursor:pointer;border:0;outline:0;align-items:center;justify-content:center}.btn svg{width:20px;margin-left:2px}@media screen and (max-width:850px){.container{padding-left:5%;padding-right:5%}}