Home
My lovely website - This is a brief description of my website. body { font-family: arial; } * { box-sizing: border-box; } #myUL { list-style-type: none; padding: 0; margin: 0; } #myUL li a { border: 1px solid #ddd; margin-top: -1px; /* Prevent double borders */ background-color: black; padding: 12px; text-decoration: none; font-size: 40px; color: yellow; display: block; border-radius: 10px; } #myUL li a:hover:not(.header) { background-color: #eee; } table { width:100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow:0px 0px 5px #444444; -webkit-box-shadow:0px 0px 5px #444444; box-shadow:0px 0px 5px #444444; } table, th, td { border: 2px solid; border-collapse: collapse; border-color:white; background-color: white; } th, td { padding: 10px 1px; text-align: center; } table#t01 tr:nth-child(even) { background-color: gray; color:gray; font-size:20px ; } table#t01 tr:nth-child(odd) { background-color: gray; color:gray; font-size:20px; } table#t01 th { background-color: black; color: red; text-shadow: 5px 5px 2px #fff; font-size:60px; } table#t02 th { background-color:white: 0; color: white; font-size:35px; } .center { text-align: center; } img { position:relative; border-radius: 15px 15px 0px 0px; width: 300px; height: 450px; } input[type=text] { width: 43%; box-sizing: border-box; border: 1px solid black; border-color:black; font-size: 40px; font-color:yellow; background-color: white; background-image: url('https://img.webme.com/pic/b/betaflix/icons8-search-64.png'); background-position: 99% 7px; background-repeat: no-repeat; padding: 10px 40px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; background-size: 60px; border-radius: 30px; box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.7); } input[type=text]:focus { width: 70%; background-position: 99% 7px; box-shadow: 0 0 20px red; } a { color: inherit; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } .image { box-sizing: border-box; border-radius: 15px; color: black; box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); background-color:white; padding: 0px; text-align: left; text-decoration: none; display: inline-block; cursor: pointer; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; background-size: 0px; height:750px; width:300px; } .image:hover { box-shadow: 0 0 50px blue; } .bt1 { box-sizing: border-box; background-color: red; box-shadow: 4px 4px 10px #000; padding: 15px 25px; text-align: center; text-decoration: none; display: inline-block; font-size: 30px; cursor: pointer; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; border-radius: 30px; font-weight: 900; background-size: 0px; } .bt1 sup{ color:yellow; font-size:25px; } .bt1:hover { box-shadow: 0 0 50px blue; } .bt3 { box-sizing: border-box; background-color: red; box-shadow: 4px 4px 10px #000; padding: 15px 25px; text-align: center; text-decoration: none; display: inline-block; font-size: 30px; cursor: pointer; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; border-radius: 30px; font-weight: 900; background-size: 0px; } .bt3:hover { box-shadow: 0 0 50px blue; } } .bt2 { background-color: #C0C0C0; box-shadow: 0 0 10px rgba(0, 0, 0, 1); padding: 15px 60px; text-align: center; text-decoration: none; display: inline-block; font-size: 45px; cursor: pointer; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; border-radius: 30px; } .bodytitle{ background-color: white; padding: 5px 60px; text-align: center; text-decoration: none; display: inline-block; font-size: 70px; width:80%; color:black; } .bt5{ box-sizing: border-box; background-color: #FFFFFF; box-shadow: 4px 4px 10px #000; padding: 15px 25px; text-align: center; text-decoration: none; display: inline-block; font-size: 55px; cursor: pointer; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; border-radius: 30px; font-weight: 900; background-size: 0px; border: solid black 4px; } .bt5:hover { box-shadow: 0 0 50px blue; } .bodytitlemain{ background-color: white; box-shadow: 0 0 20px rgba(0, 0, 0, 0.7); text-align: center; text-decoration: none; display: inline-block; font-size: 50px; cursor: pointer; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; width:100%; color:black; animation: bgcolor-change 100s infinite; } .selectcategory{ background-color: white; padding: 15px 60px; text-align: center; text-decoration: none; display: inline-block; font-size: 80px; width:100%; color:black; } pre b{ color:black; font-size: 37px; font-weight: lighter; } pre span{ border: 3px solid; border-radius: 5px; padding:0 10px; font-size: 35px; } pre{ margin: 5px; padding:0 15px; font-size: 35px; line-height:1.6em; color: #757575; text-align:left; font-family:calibri,arial,sans-serif; } @keyframes bgcolor-change { 0% { background-color : black ;} 20% { background-color : white ;} 50% { background-color : black ;} 70% { background-color : white ;} 90% { background-color : black ;} 100% { background-color : white ;} } h2{ animation: color-change 20s infinite; } @keyframes color-change { 0% { color : red ;} 25% { color : blue ;} 50% { color : green;} 75% { color : red ;} 100% { color : blue ;} @keyframes boxshadow-change { 0% { box-shadow: 10px 0 100px #000000;} 15% { box-shadow: 0 0 80px rgba(0, 0, 0, 0.7);} 20%{ box-shadow:0 0 60px rgba(0, 0, 0, 0.5);} 30%{ box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);} 35% { box-shadow: 0 0 80px rgba(0, 0, 0, 0.7);} 45%{ box-shadow:0 0 60px rgba(0, 0, 0, 0.5);} 49%{ box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);} 50% { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);} 70% { box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);} 80% { box-shadow:0 0 60px rgba(0, 0, 0, 0.5);} 90% { box-shadow: 0 0 80px rgba(0, 0, 0, 0.7);} 100% { box-shadow: 10px 0 100px #000000;} .counterLev { width: 60%; padding: -15px; background-color: white; color: black; } .counterSize { height: 10px; }
Today, there have been 2 visitors (5 hits) on this page!
This website was created for free with Webme. Would you also like to have your own website?
Sign up for free