a { color:#FFFFFF; } a:visited { color:#ffffff; } a:active { color:#5C615E; } a:hover { color:#B2B3B4; } html, body { min-height: 100% } a.wsp64eb161c{ color:#A01FCB; text-decoration: underline} a.wsp64eb161c:visited{ color:#800080; text-decoration: underline} a.wsp64eb161c:active{ color:#8018CB; text-decoration: underline} a.wsp64eb161c:hover{ color:#E3B4F3; text-decoration: underline} body { background-color:#FFFFFF; background: linear-gradient(to right, #D3D3D3, #FFFFFF); background-repeat: no-repeat; padding:0px 0px 10px 0px; margin: 0; } .textstyle1 { text-align:center; } #myVideo { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: -1; } #container_5c504649 { box-sizing: border-box; vertical-align: top; position:relative; display: inline-block; width:100%; min-height:800px; background-color:#623c16; background-image:url("przyr.jpg"); background-position:top center; background-attachment:fixed; background-size:cover; border-top: none; border-left: none; border-right: none; border-bottom: none; z-index: 2; } #container_5c504649_padding { margin: 0px 0px 10px 0px;display: block; } #container_e4bf9ac { box-sizing: border-box; vertical-align: top; position:relative; display: inline-block; margin:0px 0px 10px 0px;width:100%; background:none; border-top: none; border-left: none; border-right: none; border-bottom: none; } .textstyle2 { text-align:left; } #container_7062c2b0 { vertical-align: top; position:relative; display: inline-block; margin:50px 0px 0px 0px;width:100%; min-height:10px; background-color:rgba(255, 255, 255, 0.6); animation:text 7s infinite; animation-iteration-count: 2; } #container_7062c2b0_padding { margin: 0px 10px 0px 10px;display: block; } #container_e386fb8 { vertical-align: top; position:relative; display: inline-block; width:50%; background:none; } #container_e386fb8_padding { margin: 10px; display: block; } #container_5c9515a7 { vertical-align: top; position:relative; display: inline-block; width:100%; min-height:40px; background:none; } #container_5c9515a7_padding { margin: 10px; display: block; } .textstyle3 { font-size:20pt; font-family:Arial, Helvetica, sans-serif; color:#098E8E; font-weight:bold; } .textstyle4 { font-size:12pt; font-family:Arial, Helvetica, sans-serif; color:#098E8E; font-weight:bold; } .textstyle5 { font-size:12pt; font-family:Arial, Helvetica, sans-serif; color:#098E8E; } #container_64eb161c { vertical-align: top; position:relative; display: inline-block; width:50%; background:none; } #container_64eb161c_padding { margin: 10px; display: block; } #container_797a0fc1 { vertical-align: top; position:relative; display: inline-block; width:100%; min-height:20px; background:none; } #container_797a0fc1_padding { margin: 10px; display: block; } .textstyle6 { font-size:14pt; font-family:Arial, Helvetica, sans-serif; color:#098E8E; } #container_2fe2d46c { vertical-align: top; position:relative; display: inline-block; width:100%; min-height:20px; background:none; } #container_2fe2d46c_padding { margin: 10px; display: block; } .textstyle7 { font-size:14pt; font-family:Arial, Helvetica, sans-serif; color:#098E8E; font-weight:bold; } #container_5705fe1d { vertical-align: top; position:relative; display: inline-block; width:100%; min-height:20px; background:none; } #container_5705fe1d_padding { margin: 10px; display: block; } #container_25ee779 { vertical-align: top; position:relative; display: inline-block; margin:120px 0px 0px 0px;width:100%; background:none; } #container_52bab2b0 { box-sizing: border-box; vertical-align: top; position:relative; display: inline-block; width:100%; background-color:#1EA9A9; background: linear-gradient(to right, rgba(67, 67, 67, 0.5), rgba(30, 169, 169, 0.5)); border-top: none; border-left: none; border-right: none; border-bottom: none; opacity: 0.8; } #container_614a360 { box-sizing: border-box; vertical-align: top; position:relative; display: inline-block; width:100%; background:none; border-top: none; border-left: none; border-right: none; border-bottom: none; } #container_3e575098 { vertical-align: top; position:relative; display: inline-block; width:100%; background-color:rgba(215, 216, 219, 0.5); } #container_2d65da9e { vertical-align: top; position:relative; display: inline-block; margin:0px 0px 50px 0px;width:100%; min-height:120px; background:none; } #container_2d65da9e_padding { margin: 0px; display: block; padding-top: 20px; padding-bottom: 80px; animation:text3 4s ease-in-out; animation-iteration-count: 2; animation-fill-mode: forwards; } #container_11540ca1 { vertical-align: top; position:relative; display: inline-block; width:100%; min-height:40px; background:none; } #container_11540ca1_padding { margin: 10px; display: block; } #container_63fc54d8 { vertical-align: top; position:relative; display: inline-block; width:100%; min-height:70px; background:none; } #container_63fc54d8_padding { margin: 10px; display: block; } .textstyle8 { font-size:20pt; font-family:Arial, Helvetica, sans-serif; color:#ffffff; } .textstyle9 { font-size:16pt; font-family:Arial, Helvetica, sans-serif; color:#098E8E; } .textstyle10 { font-size:18pt; font-family:Arial, Helvetica, sans-serif; color:#098E8E; } #container_2238b7f8 { vertical-align: top; position:relative; display: inline-block; width:16.6%; min-height:150px; background:none; } #container_2238b7f8_padding { margin: 10px; display: block; } #button_29c6944a { vertical-align: top; border-radius: 15px 0px 15px 0px; position:relative; display: inline-block; margin:10px 0px 0px 0px;width:100px; height:210px; background-color:#002B55; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(0, 43, 85, 0.8)); border-style: solid; border-color: #fff; } #button_29c6944a_padding { margin: 20px 10px 10px 10px;display: block; } .vcenterstyle1 { display: table; width: 100%; height: 100%; } .vcenterstyle2 { display: table-cell; vertical-align: middle; } .textstyle11 { font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#000000; } #container_6598e7fb { vertical-align: top; position:relative; display: inline-block; width:16.6%; min-height:150px; background:none; } #container_6598e7fb_padding { margin: 10px; display: block; } #button_2218d2b4 { vertical-align: top; border-radius: 15px 0px 15px 0px; position:relative; display: inline-block; margin:10px 0px 0px 0px;width:100px; height:210px; background-color:#077171; background: linear-gradient(to bottom, rgba(244, 244, 244, 0.8), rgba(7, 113, 113, 0.8)); border-style: solid; border-color: #fff; } #button_2218d2b4_padding { margin: 20px 10px 15px 10px;display: block; } #container_7d48d734 { vertical-align: top; position:relative; display: inline-block; width:16.6%; min-height:150px; background:none; } #container_7d48d734_padding { margin: 10px; display: block; } #button_491a62e6 { vertical-align: top; border-radius: 15px 0px 15px 0px; position:relative; display: inline-block; margin:10px 0px 0px 0px;width:100px; height:210px; background-color:#55550A; background: linear-gradient(to bottom, rgba(247, 247, 197, 0.8), rgba(85, 85, 10, 0.8)); border-style: solid; border-color: #fff; } #button_491a62e6_padding { margin: 20px 10px 10px 10px;display: block; } #container_7b158426 { vertical-align: top; position:relative; display: inline-block; width:16.6%; min-height:150px; background:none; } #container_7b158426_padding { margin: 10px; display: block; } #button_66981399 { vertical-align: top; border-radius: 15px 0px 15px 0px; position:relative; display: inline-block; margin:10px 0px 0px 0px;width:100px; height:210px; background-color:#800000; background: linear-gradient(to bottom, rgba(229, 220, 211, 0.8), rgba(28, 128, 0, 0.8)); border-style: solid; border-color: #fff; } #container_7b158900 { vertical-align: top; position:relative; display: inline-block; width:16.6%; min-height:150px; background:none; } #container_7b158900_padding { margin: 10px; display: block; } #button_66981401 { vertical-align: top; border-radius: 15px 0px 15px 0px; position:relative; display: inline-block; margin:10px 0px 0px 0px;width:100px; height:210px; background-color:#800000; background: linear-gradient(to bottom, rgba(229, 220, 211, 0.8), rgba(3, 47, 30, 0.8)); border-style: solid; border-color: #fff; } #button_66981399_padding { margin: 20px 10px 10px 10px;display: block; } #container_6fbd9cc7 { vertical-align: top; position:relative; display: inline-block; width:16.6%; min-height:150px; background:none; } #container_6fbd9cc7_padding { margin: 10px; display: block; } #button_74cc30ce { vertical-align: top; border-radius: 15px 0px 15px 0px; position:relative; display: inline-block; margin:10px 0px 0px 0px;width:100px; height:210px; background-color:#800040; background: linear-gradient(to bottom, rgba(227, 227, 227, 0.8), rgba(128, 0, 64, 0.8)); border-style: solid; border-color: #fff; } #button_66981401_padding { margin: 20px 10px 15px 10px;display: block; } #button_74cc30ce_padding { margin: 20px 10px 15px 10px;display: block; } #container_4f41ecfa { box-sizing: border-box; vertical-align: top; position:relative; display: inline-block; width:20%; background:none; border-top: none; border-left: none; border-right: none; border-bottom: none; } #container_4f41ecfa_padding { margin: 20px; display: block; } .textstyle12 { font-size:18pt; font-family:Impact, Charcoal, sans-serif; color:#D9D9D9; text-shadow: 0px 0px 6px #000000; } .textstyle13 { font-size:14pt; font-family:'Palatino Linotype', 'Book Antiqua3', Palatino, serif; color:#D9D9D9; text-shadow: 0px 0px 6px #000000; } .textstyle14 { font-size:14pt; font-family:Impact, Charcoal, sans-serif; color:#D9D9D9; text-shadow: 0px 0px 6px #000000; } #container_597592f2 { box-sizing: border-box; vertical-align: top; position:relative; display: inline-block; width:15%; background:none; border-top: none; border-left: none; border-right: none; border-bottom: none; } #container_7b322585 { vertical-align: top; position:relative; display: inline-block; width:100%; min-height:100px; background:none; } #container_7b322585_padding { margin: 15px 20px 20px 20px;display: block; } .textstyle15 { font-size:13pt; font-family:Impact, Charcoal, sans-serif; color:#FFFFFF; text-shadow: 0px 0px 6px #000000; } #container_7fa21dec { box-sizing: border-box; vertical-align: top; position:relative; display: inline-block; width:30%; background:none; border-top: none; border-left: none; border-right: none; border-bottom: none; } #img_6ce345d0 { box-sizing: border-box; vertical-align: bottom; position:relative; display: inline-block; margin:15px 0px 40px 0px;width:90%; max-width:270px; background:none; border-top: none; border-left: none; border-right: none; border-bottom: none; animation:text10 4s infinite; animation-iteration-count: 3; } #container_7e822e07 { box-sizing: border-box; vertical-align: top; position:relative; display: inline-block; width:35%; background:none; border-top: none; border-left: none; border-right: none; border-bottom: none; } #container_7e822e07_padding { margin: 15px 20px 10px 20px;display: block; } .textstyle16 { font-size:14pt; font-family:Tahoma, Geneva, sans-serif; color:#d8dcf0; text-shadow: 0px 0px 0px #000000; animation:text4 0.5s ease-in-out; animation-iteration-count: 18; } #container_19d801ec { vertical-align: top; position:relative; display: inline-block; margin:0px 0px 0px 0px;width:90%; background-color:#3c8282; background: linear-gradient(to right, rgba(99, 75, 3, 0.75), rgba(3, 53, 55, 0.6))); animation:text2 1s infinite; } #container_19d801ec_padding { margin: 20px 10px 10px 10px;display: block; } #container_2af71ef1 { vertical-align: top; position:relative; display: inline-block; width:50%; background:none; } #container_2af71ef1_padding { margin: 10px; display: block; } #container_5263dfac { vertical-align: top; position:relative; display: inline-block; margin:5px 0px 20px 0px;width:100%; background:none; } #container_5263dfac_padding { margin: 0px 20px 0px 20px;display: block; } .textstyle17 { font-size:18pt; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; } .textstyle18 { font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:##423b07; } .textstyle19 { font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; } .textstyle20 { font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#FFFF80; animation:text2 1s infinite; } .textstyle21 { font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; animation:text2 1s infinite; } #container_65637dac { vertical-align: top; position:relative; display: inline-block; width:50%; background:none; } #container_65637dac_padding { margin: 10px; display: block; } #container_517c0d28 { vertical-align: top; position:relative; display: inline-block; margin:5px 0px 20px 0px;width:100%; background:none; } #container_517c0d28_padding { margin: 0px 20px 0px 20px;display: block; } #container_2e18e390 { vertical-align: top; position:relative; display: inline-block; margin:50px 0px 15px 0px;width:90%; background-color:#408080; background: linear-gradient(to right, rgba(185, 81, 110, 0.85), rgba(54, 49, 4, 0.2)); } #container_2e18e390_padding { margin: 50px; display: block; } .textstyle22 { font-size:18pt; font-family:Arial, Helvetica, sans-serif; color:#FFFF80; animation:text2 1s infinite; } .textstyle23 { font-size:12pt; font-family:Arial, Helvetica, sans-serif; color:#000000; } #container_53e9a3ab { vertical-align: top; position:relative; display: inline-block; width:100%; min-height:128px; background:none; } #container_53e9a3ab_padding { margin: 0px 0px 20px 0px;display: block; text-align: center; } #container_76dfdc81 { vertical-align: top; position:relative; display: inline-block; width:100%; background:none; } #container_76dfdc81_padding { margin: 0px 10px 40px 10px;display: block; } .textstyle24 { font-size:26pt; font-family:Impact, Charcoal, sans-serif; color:#FFFFFF; text-shadow: 2px 2px 4px #000000; } .textstyle25 { font-size:18pt; font-family:Impact, Charcoal, sans-serif; color:#FFFFFF; text-shadow: 2px 2px 4px #000000; } .textstyle26 { font-size:8pt; font-family:Arial, Helvetica, sans-serif; color:#80FFFF; } @media only screen and (max-width: 660px) { #container_25ee779 { width:100%; } #container_52bab2b0 { width:100%; } #container_614a360 { width:100%; } } @media only screen and (max-width: 660px) { #container_e386fb8 { width:100%; } #container_64eb161c { width:100%; } #container_63fc54d8 { width:100%; } #container_2238b7f8 { width:50%; } #container_6598e7fb { width:50%; } #container_7d48d734 { width:50%; } #container_7b158426 { width:50%; } #container_6fbd9cc7 { width:50%; } #container_4f41ecfa { width:100%; } #container_597592f2 { width:100%; } #container_7fa21dec { width:100%; } #container_7e822e07 { width:100%; } #container_2af71ef1 { width:100%; } #container_65637dac { width:100%; } #container_7b158900 { width:50%; } } @media only screen and (max-width: 400px) { #container_7062c2b0 { width:100%; } } @media only screen and (max-width: 200px) { #container_5c9515a7 { width:100%; } } @keyframes text { 0% { opacity: 0; transform: scaleX(0.2) rotate(-20deg) ; } 5% { opacity: 0.3; transform: scaleX(0.3) rotate(20deg); } 10% { opacity: 0.6; transform: scaleX(0.4) rotate(-20deg); } 15% { opacity: 0.3; transform: scaleX(0.5) rotate(20deg); } 20% { opacity: 0.6; transform: scaleX(0.7) rotate(-20deg); } 25% { opacity: 1;transform: scaleX(1); } } @keyframes text2 { 0% { color: rgba(0, 0, 0, 0.8); } 100% { color: rgba(108, 60, 12, 0.6); } } @keyframes text3 { 0% { opacity: 0; } 25% { opacity: 0.2;transform:rotateX(270deg) } 50% { opacity: 0.6; } 100% { opacity: 0.8; } } @keyframes text4 { 0% { zoom: 100%; opacity: 0; transform:rotateY(-90deg); } 15% { zoom: 100%; opacity: 0.5; transform:rotateX(180deg) } } @keyframes txt10 { 75% { transform:perspective(50px) rotate(0) rotateX(0); } 100% { transform:perspective(200px) rotate(-360deg) rotateX(-180deg); } } @keyframes 10 { 0% { opacity: 0; zoom: 10%; } 25% { opacity: 0.2; zoom: 120%; } 50% { opacity: 0.6; zoom: 100%; } 100% { opacity: 0.8; zoom: 100%; } } 0% { opacity: 0; transform: scaleX(0.2) rotateX(-720deg); } 10% { opacity: 0.1; transform: scaleX(-0.6); } 20% { opacity: 0.4; transform: scaleX(0.4); } 30% { opacity: 0.6; transform: scaleX(-0.8); } 40% { opacity: 1; transform: scaleX(1) } 50% { opacity: 1; transform: scaleX(1); } 100% { opacity: 1;transform: scaleX(1); } } /* Style the video: 100% width and height to cover the entire window */ #myVideo { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: -1; } /* Add some content at the bottom of the video/page */ .content { position: fixed; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 100%; padding: 20px; z-index: -1; } /* Style the button used to pause/play the video */ #myBtn { width: 200px; font-size: 18px; padding: 10px; border: none; background: #000; color: #fff; cursor: pointer; } #myBtn:hover { background: #ddd; color: black; }