vue3-fullpage/dist/style.css

<a href="https://southcoastweb.co.uk" target="_blank" alt="Link to southcoastweb's website"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://southcoastweb.co.uk/app/logo-dark.svg"> <source media="(prefers-color-schem

.vue3-fullpage__wrapper{width:100%;height:100vh;overflow-y:auto;position:relative;margin:0;padding:0;scroll-snap-type:y mandatory}.vue3-fullpage__page{width:100%;height:100%;scroll-snap-align:start}.vue3-fullpage__navigation{position:fixed;top:50%;transform:translateY(-50%);right:0;padding:1rem;display:flex;flex-flow:column;row-gap:var(--v3fp-navigation-gap)}.vue3-fullpage__navigation-dot{position:relative;display:flex;justify-content:center;align-items:center;border:none;margin:0;padding:6px;width:auto;overflow:hidden;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;border-radius:50%;cursor:pointer}.vue3-fullpage__navigation-dot:before,.vue3-fullpage__navigation-dot:after{position:absolute;top:0;left:0;right:0;bottom:0;content:"";background:var(--v3fp-navigation-colour);opacity:var(--v3fp-navigation-opacity--outer);transition:opacity .15s ease-in-out}.vue3-fullpage__navigation-dot:after{background:white;z-index:-1}.vue3-fullpage__navigation-dot:hover:before{opacity:var(--v3fp-navigation-opacity--outer__hover)}.vue3-fullpage__navigation-dot:active:before{opacity:var(--v3fp-navigation-opacity--outer__active)}.vue3-fullpage__navigation-dot-inner{background-color:var(--v3fp-navigation-colour);width:var(--v3fp-navigation-size);height:var(--v3fp-navigation-size);border-radius:50%;opacity:.8;transition:background-color .15s ease-in-out}.vue3-fullpage__navigation-dot.is-active .vue3-fullpage__navigation-dot-inner{background-color:var(--v3fp-navigation-colour--active)}