body { font-family: Arial, sans-serif; font-size: 16px; text-transform: lowercase; background-image: url(back_g17.gif); color: #FFFFFF; } a{ cursor: url("https://hasbro.neocities.org/Hello%20Kitty.cur"), default; } h1 { font-family: Helvetica, serif; font-size: 46px; text-transform: lowercase; } p.ex1 { max-width: 75%; text-align:left; } a:link {color: #90B6E0;} a:visited {color: #90B6E0;} a:active {color: #90B6E0;} a:hover {color: #000000;} a:link {text-decoration: none;} a:visited {text-decoration: none;} a:hover {text-decoration: overline underline;} a:active {text-decoration: underline;} /* width */ ::-webkit-scrollbar { width: 15px; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ ::-webkit-scrollbar-thumb { background: #90B6E0; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #ccc; } .grid-container { display: grid; grid-template-columns: 25% auto; grid-gap: 15px; background-image: url(back_g17.gif); padding: 15px; border-style: dotted; border-color: #ffffff; border-width: 2px; margin-bottom: 20px; margin-top: 20px; margin-left: 10px; margin-right: 10px; } .grid-container > div { background-image: url(back_g17.gif); text-align: center; padding: 15px 0; border-style: dotted; border-color: #90B6E0; border-width: 2px; } img { width: auto ; max-width: 90% ; height: auto ; } p.normal { font-style: normal; } /* Create three equal columns that floats next to each other */ .column { float: left; width: 33.33%; } /* Clear floats after the columns */ .row:after { bcontent: ""; display: table; clear: both; } /* Responsive layout - makes the three columns stack on top of each other instead of next to each other on smaller screens (600px wide or less) */ @media screen and (max-width: 600px) { .column { width: 100%; } }