body {
     background:#fff;
     font-family: 'Inter';
     font-size:16px;
     min-height:calc(100vh - 15px);
     padding-bottom:30px }

@media (prefers-color-scheme:dark) {
	* { color:#fff }
	body { background:#000 }
	main a:hover, main a:hover > *, nav a:hover, nav a:hover > * { background-color:#fff;color:#000;text-decoration:none }
	input { color:#000 }
	img[src*="svg"], img[src*="png"] { filter:invert(1) hue-rotate(180deg) }
	main pre { background:#111 }
	main table { border-style:solid }
	main th, main td { border-style:dotted }
	main article { border-left-color:white }
	.nodark { filter:invert(0) hue-rotate(0deg) !important;background:transparent !important }
	footer { border-top-color:white }
	footer * { color:white }
}


  .index_menu {
    display: flex; 
    list-style-type: none;
    padding: 0;
    margin: 0;
    justify-content: center;
    align-items: center; 

  }
  .index_menu li {
    margin-right: 20px;
  }
  .index_img {
    display: flex;
    justify-content: center; 
    align-items: center;

  }

  .index_p {
    display: flex;
    justify-content: center;
    align-items: center; 

  }