
:root {
  --main-color: #f7f7f7;
  --primary-color: #242424;
  --secondary-color: #fe4c06;
  --secondary2-color: #cbebf6;
  --color: #e6e5e5b2;
  --color12: #ececec;
  --color1: #acacaca8;
  --color2: #111111;
}
main{
    padding: 0;
    margin: 0;
}
main .sections{
    height: 100vh;
}

 #backToTop {
      position: fixed;
      right: 30px;
      top: 90%;
      display: none;
      background-color: var(--secondary-color);
      color: var(--main-color);
      border: none;
      padding: 12px 16px;
      border-radius: 8px;
      cursor: pointer;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
      z-index: 1000;
      transition: opacity 0.3s ease;

      
    }
   #backToTop:hover{
       background-color: var(--main-color);
      color: var(--secondary-color);
    }
