/* muotoilutiedosto - Aloitussivu */

body              { margin: 0; padding: 0; font-family: 'Georgia', 'Ubuntu', serif; inline: unset; background-color: #101020;
                    background-image: url('../kuvat/meri.jpg');
                    background-size: 110% 110%; background-position: center; background-repeat: no-repeat; }

img               { width: 100%; }

h1, h2, h3, h4, h5, h6, h7 { color: #ffffff; font-weight: bold; margin: 0px;  }

h1                { font-size: 20px; color: rgba(255,255,255,0.8); padding: 40px; letter-spacing: 0px; }
h2                { font-size: 40px; color: #f0f0f3; padding-bottom: 70px; letter-spacing: 1px; text-shadow: 0px 0px 10px #000000; }
h3                { font-size: 1.5em; }
h4                { font-size: 1.00em; }

p                 { font-size: 1em; line-height: 1.6; color: #ffffff; padding-top: 1em; margin: 0px; }

a                 { font-size: 20px; display: inline-block;  color: #ffcec2; text-decoration: none; padding: 17px 20px 17px 20px; margin: 4px;
                    background: #17152d; overflow: hidden; border-radius: 4px; transition: background 0.2s; }

a:hover           { background: rgba(80,0,20,0.6); color: #ffc0c0; }
    
.rajaus           { max-width: 1000px; margin-right: auto; margin-left: auto; padding: 0 0 0 0; border: 0px solid #ff0000; }

.keskita          { text-align: center; }

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

.hehku            {  }