html{scroll-behavior: smooth;}

body{
   margin: 0;
   padding: 0;
   color: var(--color);
   background: var(--background);
   text-align: left;
   font-family: "open sans", sans-serif;
   scroll-behavior: smooth;
   --maincolor: #3498db;
   --secondcolor: #2980b9;
   --background: #181818;
   --color: #fff;
   }

   #content{
     margin: 0;
   }

   .inner-width{
     width: 100%;
     max-width: 1100px;
     margin: auto;
   }

   #home{
     margin: 0;
     width: 100%;
     height: 100vh;
     background-image: url("assets/bg_grey.svg");
     background-size: cover;
     background-repeat: repeat-x;
     background-position: center;
   }

   #navbar{
     width: 100%;
     height: 56px;
     background: var(--maincolor);
     color: #fff;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 999;
     transition: all 300ms linear;
     user-select: none;
   }

   #navbar img{
     width: auto;
     height: 36px;
     margin: 10px 15px 15px 15px;
   }

   #footer{
     margin: 0;
     padding: 0;
     color: #fff;
   }

   #footerContent{
     width: calc(100% - 30px);
     height: auto;
     min-height: 60px;
     background: var(--maincolor);
     margin: 0;
     margin-top: -21px;
     padding: 15px;
   }

  ::selection {background: var(--maincolor); color: #ffffff; border-radius: 12px;}
  ::-moz-selection {background: var(--maincolor); color: #ffffff; border-radius: 12px;}