@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);#backUA{background:linear-gradient(180deg,#0057b7 50%,gold 0)}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}body{font-family:Poppins}.container{padding:5%}header{padding:10%}.nav-a{display:flex}.nav-a .left{margin-right:auto}.nav-a .left b,.nav-a .left h4{letter-spacing:5px}.nav-a .left h4{float:left;margin:0}.nav-a .right{margin-left:auto}.nav-b{float:left}.nav-c{float:right;display:inline-block;font-size:20px;margin-right:10%}.dropbtn,.nav-c a{color:#000;text-align:center;text-decoration:none}.dropbtn,.nav-c a,li.dropdown{display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}nav{align-items:center}nav a,nav button,nav span{margin-left:20px}nav a{color:#444;text-decoration:none;font-weight:bold,}nav span{color:#777}.item1{grid-area:note}.item1-a{grid-area:ver}.item2{grid-area:link1}.item3{grid-area:link2;grid-area:link3}.item1 p,.item1-a p{float:right;color:#000;font-size:20px}footer{display:grid;background-color:#999;grid-template-areas:"link1 link2 link3 note" "link5 link6 link7 ver";padding:5%;width:100%}ul{list-style-type:none;margin-right:0;overflow:hidden;font-size:20px}li a{text-decoration:none;color:#000;font-size:medium}*{padding:0;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#111}button{background:#00dba4;border:0;padding:6px 10px;border-radius:20px;color:#fff;cursor:pointer}input[type=number],input[type=text],select,textarea{width:100%;padding:2% 2%;margin:.5% 0;box-sizing:border-box}.blog{padding:10px;margin:30px 0 20px;border:1px dotted #ddd}.blog p{color:#999}.blog h3{color:#00dba4}.blog .icons{color:#555;font-weight:700;display:flex;align-items:center;font-size:.9em}.blog .icons .material-icons{font-size:1em;margin-left:10px;cursor:pointer}.blog .icons .material-icons:hover{color:#00dba4}.forma input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:none;display:block;width:100%;max-width:400px;margin:0 auto;font-size:1.5rem;margin-bottom:2rem;padding:.5rem 0}