/* muotoilutiedosto - Aloitussivu */

body              { margin: 0; padding: 0; font-family: 'Ubuntu', sans-serif; inline: unset; background-color: #f4f4f6; }

img               { width: 100%; }

h1, h2, h3, h4, h5, h6, h7 { color: #202020; padding-top: 1rem; line-height: 1.4em; }

h1                { font-size: 3em; color: #4c00d3; font-weight: bold; line-height: 1.3em; }
h2                { font-size: 1.5em; }
h3                { font-size: 1.25em; font-weight: normal;  line-height: 1.6em;  }

p, li             { font-size: 1em; line-height: 2em; color: #202020;  }

a                 { font-size: 1em; display: inline-block;  color: #4c00d3; text-decoration: none; padding: 13px 20px 13px 20px; margin: 4px;
                    background: #e7e7f3; overflow: hidden; border-radius: 15px; transition: background 0.2s; border-radius: 15px 15px 15px 0px; }

ul                { margin: 0px; padding-left: 20px;}

::marker          { color: #4c00d3; }

a:hover           { background: #ffffff; }
    
.rajaus           { max-width: 1000px; margin-right: auto; margin-left: auto; padding: 30px 10px 100px 10px; border: 0px solid #ff0000; }

.keskita          { text-align: center; }

@media            (max-width:1700px)  { body {background-size: 2400px 100%; }}

.hehku            { animation: blinker 1.5s linear infinite; }

@keyframes blinker { 50% { opacity: 0.3; }}