body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#fde67b;color:#000;overflow:hidden}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:purple;border-radius:10px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#5e015e}.container{width:90%;margin:0 auto}.snap_container{scroll-snap-type:y mandatory;overflow-y:scroll;overflow-x:hidden;height:100vh}html{scrollbar-width:none}.section{height:100vh;width:100vw}.section,.section2{display:flex;justify-content:center;align-items:center;scroll-snap-align:start}.section2{height:35rem;width:100%}.footer,.header,.main{padding:20px;margin:10px 0}@media (min-width:1024px){.container{width:80%}.footer,.header,.main{padding:40px}.main{display:flex;justify-content:space-between}.main .content,.main .sidebar{width:48%}}@media (min-width:768px) and (max-width:1023px){.container{width:85%}.footer,.header,.main{padding:30px}.main{display:flex;flex-direction:column}.main .content,.main .sidebar{width:100%}}@media (max-width:767px){.container{width:95%}.footer,.header,.main{padding:20px}.main{display:block}.main .content,.main .sidebar{width:100%}}