body 
{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth; 
}
::-webkit-scrollbar
{
  display: none;
}

.ramme 
{
    top: 0;
    left: 1px;
	width: calc(100% - 4px);
	position: fixed;
	background-color: lightgrey;
	display: inline;
	height: 100%;
    text-align: center;
    background-image: url("../bilder/bakgrunn.png"); 
    background-position: center; 
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.innhold 
{
	top: 81px;
    width: 100%;
	height: calc(100% - 130px);
    position: absolute;
    display: inline;
	background-color: ghostwhite;
    overflow-y: auto;
    overflow-x: hidden;
}

.loginskjema
{
    top: 20%;
    height: auto;
    width: 200px;
    left: 50%;
    margin-left: -120px;
    padding: 20px;
    position: absolute;
    display: grid;
    grid-template-columns: 100%;
    grid-auto-rows: 40px;
    grid-row-gap: 5px;
	background-color: lightgrey;
    border: thin solid skyblue;
    border-radius: 4px;
    box-shadow: 3px 3px 3px gray;
}

.loginskjema > div
{
    display: flex;
    justify-content: center; 
    align-items: center;
}

.loginskjema input
{
    font-size: 90%;
    width: 80%;
    text-align: center;
    padding: 3px 0 3px 0;
	background-color: ghostwhite;
    border: thin solid skyblue;
    border-radius: 2px;
    -webkit-appearance: none;
}


@media only screen and (max-device-width: 560px) /* iPhone 5 */
{
    body 
    {
        font-size: 110%;
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) /* iPad */
{
    .loginskjema
    {
        max-width: 200px;
        left: 50%;
        margin-left: -100px;
    }
}

@media screen and (min-width:810px) /* PC */
{ 
	#ramme 
    {
        width: 400px;
        height: calc(100% - 4px);
        left: 50%;
        margin-left: -200px;
        border: thin solid white;
        font-size: 0.9em;
	}
    
    .versjon 
    {
        font-size: 0.7em;
    }
    html 
    {
        background: url(../bilder/bakgrunn.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}