*,html{padding: 0;margin: 0;box-sizing: border-box;}
@font-face {
    font-family: vazir;src: url('../fonts/Vazir-Regular.eot');  src: url('../fonts/Vazir-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Vazir-Regular.woff2') format('woff2'), url('../fonts/Vazir-Regular.woff') format('woff'), url('../fonts/Vazir-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal;
}
a{text-decoration: none;}
.bgImage {
  position: static;
  top: 0;
  left: 0;
  opacity: 1;
  width: 100%;
  height:auto;
  background-image: url("../images/bg.jpg");
  background-repeat: no-repeat;
  z-index: -1; /* پایین‌تر از particles-js */
}
.de:hover{text-decoration: aliceblue;}
ic:hover {
color: #ff9100;
}

#particles-js {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#particles-js-2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
body{font-family:  vazir;}
.nav-item:hover{color: brown;transition-delay: 1s;}
.svg-in-os2 {
        max-width: 500px;
        height: 450px;
        top: 0;
        border-radius: 38% 62% 68% 32% / 29% 48% 52% 71%;
        right: 3%;
        background: #ff9100;
}
.svg-in-os {
       max-width: 500px;
        height: 450px;
        border-radius: 37% 63% 50% 50% / 30% 63% 37% 70%;
        left: 3%;
        top: 0;
        background: #0077ff;
}
.content {
  padding-top: 100px;
}
@media(max-width: 768px){
  .svg-in-os,
  .svg-in-os2 {
    width: 90%;
    height: auto;
  }
    .content {
    padding-top: 50px;
  }
}