@charset "UTF-8";

html {
overflow: hidden;
}

.main{
max-width: 920px;
margin: 0 auto;
padding:10px 10px 20px 20px;
}

body{margin:0;
color: #333;
font-family: "Helvetica Neue", Arial, sans-serif;
font-weight: 350;
}

html {
overflow: auto;
}

a{ text-decoration-thickness: 1px; text-decoration-skip-ink: none; text-underline-offset: 1.8px; }

/* Browsers without `::-webkit-scrollbar-*` support */
@supports (not selector(::-webkit-scrollbar)) {
html {
scrollbar-color: #d8d8d8 #f5f5f5;
scrollbar-width: auto;
}
}

body::-webkit-scrollbar {
width: 16px;
height: 16px;
}
body::-webkit-scrollbar-track {
background: rgba(200, 200, 200, 0.3);
box-shadow:0 0 5px inset rgba(150, 150, 150, 0.1);
}
body::-webkit-scrollbar-thumb {
background: rgba(100, 100, 100, 0.2);
border-radius: 20px;
box-shadow:0 0 5px inset rgba(150, 150, 150, 0.1);
}
body::-webkit-scrollbar-thumb:hover {
background: rgba(50, 50, 50, 0.23);
}

P{
margin-top: 0; margin-bottom: 0; line-height: 1.6;
}

::selection{
color: #fefefe;
background: #bbb7b4;
}

a:focus-visible{
outline: rgba(187, 187, 187, 0.75) ridge 2px;
outline-offset: 1px;
}