@font-face{
    font-family: "Latin-Mono-Regular";
    src: url('/web/20250318121326im_/https://brabro.fi/static/fonts/lmmono10-regular.otf'),
    url('/web/20250318121326im_/https://brabro.fi/static/fonts/lmmono10-regular.otf'); /* IE */
    }

@font-face{
    font-family: "Latin-Mono-Italic";
    src: url('/web/20250318121326im_/https://brabro.fi/static/fonts/lmmono10-italic.otf'),
    url('/web/20250318121326im_/https://brabro.fi/static/fonts/lmmono10-italic.otf'); /* IE */
    }

    @font-face{
    font-family: "Roberta";
    src: url('/web/20250318121326im_/https://brabro.fi/static/fonts/roberta.ttf'),
    url('/web/20250318121326im_/https://brabro.fi/static/fonts/roberta.ttf'); /* IE */
    }
body
{
	margin:0px;
	border:0px;
	text-align: center; 
	background-color:#242021;
	font-family: 'Latin-Mono-Regular', sans-serif;
	font-weight: normal;
	font-size: 12pt;
	color: #f4f4f4;
	-webkit-font-smoothing: antialiased;
}

h1
{	
	padding: 0px;
	margin: 0px;
	font-size: 55pt;
	font-family: 'Roberta', sans-serif;
	font-weight: normal;
}

h2
{	
	padding: 0px;
	margin: 0px;
	font-size: 15pt;
	font-family: 'Latin-Mono-Italic', sans-serif;
	font-weight: normal;
}

a
{
	color:#fff;
}

a:hover
{
	border-radius: 2px;
	padding: 2px;
}

table
{
        width: 220px;
        font-style: normal;
   	font-weight: normal;

}

td {
        display: block;
        clear:both;
    }

th {
        display: block;
        clear:both;
    }

video
{
        width: 100%;
}

input
{
        width: 220px;
}

#maara
{
        width: 40px;
}

#jatkuva
{
}

div.tilaus
{
	margin:0 auto;
	background-color:#345E5A;
   	font-weight: normal;
   	font-style: normal; 
	font-size: 15px;
	padding-top: 5px;
        padding-left: 20px;
        padding-right: 20px;
	text-align: left;
	height: auto;
        width: 250px;
	padding-bottom: 20px;
        border-radius:5px;
}

#container
{
	margin: 0px auto;
	height: auto;
}

#top
{
	margin: 0 auto;
	text-align: center;
	height: 60vh;
	width: 50%;
}

#default
{
	margin: 0 auto;
	width: 350px;
	height: auto;
        margin-top: 10px;
        margin-bottom: 10px;
}	

#intro
{
	font-size: 20px;
	font-family: 'Latin-Mono-Italic', sans-serif;
}

#intro2
{
	font-size: 15px;
	font-family: 'Latin-Mono-Regular', sans-serif;
}

#robin
{
	background-color:#3B6861;
	padding-bottom: 100px;
	margin: 0px auto;
   	font-weight: normal;
	font-size: 16px;
	text-align: center;
}

#footer
{
	position: fixed;
	margin: 0 auto;
	background-color:#231f20;
   	font-weight: normal;
	font-size: 17px;
	bottom:0px;
	padding-top:10px;
	height:30px;
	width: 100%;
}

/*
     FILE ARCHIVED ON 12:13:26 Mar 18, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:23:40 Nov 08, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 4.185
  load_resource: 2382.839
  PetaboxLoader3.resolve: 2279.495
  PetaboxLoader3.datanode: 20.954
*/