* {
    list-style-type: none;
    outline: none !important;
    margin: 0;
    padding: 0;
  }
  
  a {
    border: none;
    outline: none;
    text-decoration: none !important;
  }
  
  textarea:focus, input:focus {
    outline: none;
  }
  
  textarea, input {
    border: none;
  }
  
  :root {
    --c1: white;
    --c2: orange;
    --c3: #b6b9bd;
    --c4: #f9fafb;
    --c5: linear-gradient(to right, var(--c2), var(--c3));
    --c6: black;
    --c7: #201f1e9a;
    --neon: 0 0 5px var(--c2), 0 0 25px var(--c2), 0 0 50px var(--c2), 0 0 200px rgba(3, 233, 250, 0.2862745098);
  }
  
  .cursor {
    cursor: pointer;
  }
  
  .w-90 {
    width: 90%;
  }
  
  .w-10 {
    width: 10%;
  }
  
  .w-15 {
    width: 15%;
  }
  
  .w-20 {
    width: 20% !important;
  }
  
  .w-30 {
    width: 30%;
  }
  .w-35 {
    width: 35%;
  }
  
  .w-40 {
    width: 40%;
  }
  
  .w-45 {
    width: 45%;
  }
  
  .w-47 {
    width: 47%;
  }
  
  .w-48 {
    width: 48%;
  }
  
  .w-60 {
    width: 60%;
  }
  
  .w-70 {
    width: 70%;
  }
  
  .w-80 {
    width: 80%;
  }
  
  .h-10 {
    height: 10%;
  }
  
  .h-20 {
    height: 20%;
  }
  
  .h-30 {
    height: 30%;
  }
  .h-35 {
    height: 35%;
  }
  
  .h-40 {
    height: 40%;
  }
  
  .h-60 {
    height: 60%;
  }
  
  .h-70 {
    height: 70%;
  }
  
  .h-80 {
    height: 80%;
  }
  
  .h-90 {
    height: 90%;
  }
  
  .border2 {
    border: 1px solid var(--c6);
  }
  
  .border-b {
    border-bottom: 1px solid var(--c1);
  }
  .border-b6 {
    border-bottom: 1px solid var(--c6);
  }
  
  .border-t {
    border-top: 1px solid var(--c6);
  }
  
  .text-bolder {
    font-weight: bolder;
  }
  
  .text-bold {
    font-weight: bold;
  }
  
  .text-silver {
    color: silver;
  }
  
  .text-diamond {
    color: teal;
  }
  
  .text-gold {
    color: gold;
  }
  
  .sans-serif {
    font-family: sans-serif;
  }
  
  .text-underline {
    text-decoration: underline;
  }
  
  .border-neon {
    box-shadow: 0 0 5px var(--c2), 0 0 25px var(--c2), 0 0 50px var(--c2), 0 0 200px rgba(3, 233, 250, 0.2862745098);
  }
  
  .btn-neon {
    background: var(--c2);
    box-shadow: 0 0 5px var(--c2), 0 0 25px var(--c2), 0 0 50px var(--c2), 0 0 200px rgba(3, 233, 250, 0.2862745098);
  }
  
  .btn-glass {
    background: var(--c5);
    box-shadow: 0 0 5px rgba(3, 233, 250, 0.1725490196), 0 0 25px rgba(3, 233, 250, 0.1725490196), 0 0 50px rgba(3, 233, 250, 0.1725490196), 0 0 200px rgba(3, 233, 250, 0.2862745098);
  }
  
  /* width */
  ::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: var(--c1);
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--c6);
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--c7);
  }
  
  .bgpic {
    background: url("../storage/geo4.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .bg1 {
    background: var(--c1);
  }
  
  .bg2 {
    background: var(--c2);
  }
  
  .bgimg {
    background: url("images/bg7.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .bg3 {
    background: var(--c3);
  }
  
  .bg4 {
    background: var(--c4);
  }
  
  .bg5 {
    background: -webkit-gradient(linear, left top, right top, from(var(--c2)), to(var(--c3)));
    background: linear-gradient(to right, var(--c2), var(--c3));
  }
  
  .bg6 {
    background: var(--c6);
  }
  .bg-transparent {background-color: transparent !important;}
  
  .color1 {
    color: var(--c1);
  }
  
  .color2 {
    color: var(--c2);
  }
  
  .color3 {
    color: var(--c3);
  }
  
  .color4 {
    color: var(--c4);
  }
  
  .color5 {
    color: var(--c5);
  }
  
  .color6 {
    color: var(--c6);
  }
  
  .textRight {
    text-align: right;
    justify-self: end;
    float: right;
  }
  
  .hover2:hover {
    background: var(--c5);
  }
  
  .margA {
    margin: 0 auto;
  }
  
  .top {
    margin-top: 200px;
  }
  
  .bottom {
    margin-bottom: 120px;
  }
  
  .text-right {
    text-align: right;
  }
  
  .right {
    float: right;
  }
  
  .aic {
    align-items: center;
  }
  
  .hx-100 {
    height: 100vh;
  }
  
  .cursor-pointer {
    cursor: pointer;
  }
  
  .d-flexx {
    display: flex;
    flex-wrap: wrap;
  }
  
  .center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .between{justify-content: space-between;}
.smooth{transition: transform 0.6s ease-in-out;}
.phone{display: none;}
.window{display: block;}
main{display: flex; height: 100vh;}
main aside{width: 30%; height: 100%;}
main aside .half{width: 100%;}
.active{background: var(--c3);}
.image{background-repeat: no-repeat;background-size: cover;background-position: center;}
.myInput{background: transparent;border: none; border-bottom: 1px solid white; font-weight: bold;}
.myInput::placeholder{color: lightgray;}
.myInput2{background: transparent;border: none; border-bottom: 1px solid black; font-weight: bold;}
main .left{width: 70%; height: 100%;}
  nav{height: 10vh; display: flex; justify-content: space-between; align-items: center;}
  nav .pic{width: 10%;}
  nav .info{width: 20%; align-items: center;justify-content: start;}
  nav .info button{background: var(--c1);border: none; font-size: small;}
  .d-flexa{display: flex;}
  .full{width: 50% !important;}
  .full2{width: 48% !important;}
  .fulla{width: 20%;}
  @media screen and (max-width: 800px) {
    .d-flexa{display: block;}
    .full{width: 100% !important;}
    .full2{width: 100% !important;}
    .fulla{width: 80% !important;}
      .phone{display: block;}
      .window{display: none;}
      #close{display: none;}
      nav .pic{width: 25%;}
      nav .info{width: 0%;}
      aside{position: fixed; z-index: 9999; width: 100vw !important; background: #0000006b;transform: translateX(-100%); transition: transform 0.6s ease-in-out;}
      .left{width: 100vw !important;}
      main aside .half{width: 70%;}
}