| Server IP : 162.0.232.25 / Your IP : 3.133.136.95 Web Server : LiteSpeed System : Linux premium276.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : kwacuqig ( 988) PHP Version : 8.2.26 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/kwacuqig/www/ |
Upload File : |
.header img{
text-align: center;padding: 2px;position: relative;bottom: 7px;width: 30%;margin:0.4% 35%;}
* {
font-family: arial;
}
.nav P{display:none;text-align: center;font-size: large;margin: auto;}
.nav i{margin:8px auto;}
.nav{background-color: #333333;width: 100%;}
.nav ul { list-style-type: none;overflow: hidden;padding: 15px;font-size: 20px;margin: auto;}
.nav li { display: inline;}
.nav li a:link, .nav li a:visited {color: white;text-decoration: none;position: relative;padding: 0px 10px;}
.nav li a:hover, .nav li a:active { color: #ffcc00;border-radius: 7px;padding: 0px}
.footer { color: white;width: 99%;margin:14px auto 0px;text-align: center; padding: 8px;clear: both;}
body { background-color: #484747;color: white;}
/*styling a form*/
.login {
color: white;padding: 20px;margin: 10% auto;width: 26%;border-radius: 8px;}
.login h2 {
font-weight: bold;text-align: center;}
.form {
color: white;padding: 20px;position: absolute;width: 25%;border-radius: 8px;left: 40%;top: 20%;}
input[type=text],
input[type=date],
input[type=number],
input[type=password],
select {
border: 2px solid grey;padding: 6px 8px;border-radius: 6px;width: 90%;margin: 10px 5%;}
input[type=submit] {
background-color: grey;color: white;padding: 10px 12px;margin: 10px 5%;border: none;width: 80px;border-radius: 8px;}
input[type=button] {
background-color: grey;color: white;padding: 10px 12px; margin: 10px 5%;border: none;border-radius: 8px;width: 70%;}
/*if the screen changes to 700px*/
@media screen and (max-width: 720px) {
.login {
color: white;padding: 20px 50px;margin: 20% auto;width: 26%;border-radius: 8px;}
.login h2 {
margin: auto;width: 50%;padding: 15px;}
.form {
color: white;padding: 20px;position: absolute;width: 25%;border-radius: 8px;left: 35%;top: 20%;}
input[type=text],
input[type=date],
input[type=number],
input[type=password],
select {
border: 2px solid grey;width: 110%;padding: 6px 8px;border-radius: 6px;margin: 10px 5%;}
input[type=submit] {
background-color: grey;color: white;padding: 10px 12px;margin: 10px 5%;width: 80px;border: none;border-radius: 8px;}
input[type=button] {
background-color: grey;color: white;padding: 10px 12px;margin: 10px 5%;border: none;border-radius: 8px;width: 105%;}
}
/*if the sceen changes to 500px*/
@media screen and (max-width: 600px) {
.login {
color: white;padding: 20px 16%;margin: 30% 12% auto;width: 26%;border-radius: 8px;}
.login h2 {
margin: auto;width: 30%;padding: 15px;}
.form {
color: white;padding: 20px;position: absolute;width: 25%;border-radius: 8px;left: 32%;top: 20%;}
input[type=text],
input[type=date],
input[type=number],
input[type=password],
select {
border: 2px solid grey;width: 150%;padding: 6px 8px;border-radius: 6px;margin: 10px 5%;}
input[type=submit] {
background-color: grey;color: white;padding: 10px 12px;margin: 10px 5%;width: 80px;border: none;border-radius: 8px;}
input[type=button] {
background-color: grey;color: white;padding: 10px 12px;margin: 10px 5%;border: none;border-radius: 8px;width: 140%;}
}
/*if screen changes to 360px*/
@media screen and (max-width: 420px) {
.login {
color: white;padding: 20px 25%;margin: 40% -9% auto;width: 35%;border-radius: 8px;}
.login h2 {
text-align: left;margin: auto;width: 36%; padding: 15px;}
.form {
color: white;padding: 20px;position: absolute;width: 25%;border-radius: 8px;left: 18%;top: 20%;}
input[type=text],
input[type=date],
input[type=number],
input[type=password],
select {
border: 2px solid grey;width: 170%;padding: 6px 8px;border-radius: 6px;margin: 10px 5%;
}
input[type=submit] {
background-color: grey;color: white;padding: 10px 12px;margin: 10px 5%;width: 80px;border: none; border-radius: 8px;
}
input[type=button] {
background-color: grey;color: white;padding: 10px 12px;margin: 10px 5%;border: none;border-radius: 8px;width: 180%;}
}
/*columns of imag*/
.column {
margin: 10px 4%;box-sizing: border-box;width: 25%;float: left;background-color: #262626;border-radius: 10px;}
.column img {
width: 100%;max-height: 320px;border-radius: 12px 12px 0px 0px;}
.column:hover {
box-shadow: 4px 4px 10px grey;}
.des {
padding: 0px;text-align: center;}
.des p {
font-weight: bold;}
/* AUDIOS PAGE STYLE*/
.cont {
margin: 25px auto;}
.cont img {
margin: 0px 30%;border-radius: 20px;}
.table td {
padding: 10px 50px;margin:2px 30px;width:150px;}
.table {
margin: auto 20%;width: 65%;}
.buttons button {
width: 40%;border-radius: 20px;background-color: white;color: black;border: none;padding: 5px;}
.buttons button:hover {
background-color: grey;}
.buttons {
width: 40%;margin: auto 34%;}
/*STREAMING STYLE PAGE*/
.audio p {
font-weight: bold;font-size: 20px;text-align: center;}
.audio audio {
width: 50%;margin: 0px 25%;border-radius: 20px;}
.artist p {
font-weight: bold;font-size: 15px;text-align: center;}
.stream img {
margin: 25px 33%;border-radius: 100%;}
/*ALBUM AUDIOS PAGE*/
.cont2 {
margin: 20px auto;}
.cont2 img {
margin: auto 31.5%;border-radius: 15px;width: 38%;}
/*ALBUM BUTTONS*/
.nyimbo {
padding: 0px;text-align: center;margin: 14.5px 22.5%;background-color: #333333;border-radius: 15px;width: 55%;height: auto;position: relative;display: inline-block;
}
.nyimbo:hover .batani {
display: block;height: 20px;}
.batani {
display: none;position: absolute;margin: auto 22%;transition: height 4s;width: 60%;}
.batani button {
padding: -2px;width: 29%;border: none;border-radius: 15px;text-align: center;font-size: small;}
.batani button:hover {
background-color: grey;}
/*ALBUM PAGE*/
.album_art {
float: left;width: 40%;height: auto; margin: 20px 4%;padding: 2px;background-color: #262626; border-radius: 10px;box-sizing: border-box;}
.album_art:hover {
box-shadow: 6px 6px 10px grey;}
.album_art a:active {
background-color: none;}
.art p {
margin: 4% -2px;padding: 5px;font-size: 16px;}
.art1 img {
float: left;width: 45%;border-radius: 12px 0px 0px 12px;}
/*CONTAINER FOR UPLOADS*/
.container {
margin: 4% auto;
}
.container input[type=text],
.container select {
width: 50%;margin: 7px 25%;padding: 11px;}
.container input[type=number] {
width: 50%;margin: 7px 25%;padding: 11px;border: 2px solid grey}
.container input[type=file] {
margin: auto 25%;}
.container input[type=submit] {
background-color: grey;color: black;width: 10%;margin: 10px 25%;}
/* ALBUM STREAMING STYLES*/
.imge {
margin: 20px auto;}
.imge img {
border-radius: 100%;border: 2px solid grey;margin: 10px 30%;}
.imge p {
text-align: center;font-weight: bold;font-size: 17px;}
.audio1 audio {
width: 55%;border-radius: 30px;margin: auto 22.5%;}
.audio1 p {
text-align: center;font-weight: bold;font-size: 22px;}
.audio1 {
margin: 16px auto;
}
/*MEDIA QUERY OF THE ALBUM FRONT/HOME PAGE*/
@media screen and (max-width: 920px) {
.album_art {
float: left;width: 41%;height: auto;margin: 20px 4%;padding: 2px;background-color: #262626;border-radius: 10px;box-sizing: border-box;}
.album_art:hover {
box-shadow: 6px 6px 10px grey;}
.album_art a:active {
background-color: none;}
.art p {
margin: 4.5% 0%;padding: 5px;font-size: 12px;}
.art1 img {
float: left;width: 45%;border-radius: 12px 0px 0px 12px;}
}
@media screen and (max-width: 720px) {
.album_art {
float: left;width: 43%;height: auto; margin: 20px 3%;padding: 2px;background-color: #262626;border-radius: 10px;box-sizing: border-box;}
.album_art:hover {
box-shadow: 6px 6px 10px grey;}
.album_art a:active {
background-color: none;}
.art p {
margin: 4%;padding: 5px;font-size: 11px;}
.art1 img {
float: left;width: 44%;border-radius: 12px 0px 0px 12px;}
.flaticon-avatar, .flaticon-book{size:10px;}
}
@media screen and (max-width: 630px) {
.album_art {
float: left;width: 46%;height: auto;margin: 18px 2%;padding: 1px;background-color: #262626;border-radius: 10px;box-sizing: border-box;}
.album_art:hover {
box-shadow: 6px 6px 10px grey;}
.album_art a:active {
background-color: none;}
.art p {
margin: 3%;padding: 5px;font-size: 11px;}
.art1 img {
float: left;width: 50%;border-radius: 12px 0px 0px 12px;}
}
@media screen and (max-width: 560px) {
.album_art {
float: left;width: 47%;height: auto;margin: 18px 1%;padding: 1px;background-color: #262626;border-radius: 10px;box-sizing: border-box;}
.album_art:hover {
box-shadow: 6px 6px 10px grey;}
.album_art a:active {
background-color: none;}
.art p {
margin: 3%;padding: 5px;font-size: 11px;}
.art1 img {
float: left;width: 50%;border-radius: 12px 0px 0px 12px;}
}
@media screen and (max-width: 500px) {
.album_art {
float: left;width: 95%;height: auto;margin: 18px 3%; padding: 1px;background-color: #262626;border-radius: 10px;box-sizing: border-box;}
.album_art:hover {
box-shadow: 6px 6px 10px grey;}
.album_art a:active {
background-color: none;}
.art p {
margin: 3%;padding: 5px;font-size: 9px;}
.art1 img {
float: left;width: 46%;border-radius: 12px 0px 0px 12px;}
}
/*MEDIA QUERY OF ALBUM PAGE WHERE SOMGS ARE*/
@media screen and (max-width: 920px) {
.nyimbo {
padding: -2px;text-align: center;margin: 14.5px 15.7%;background-color: #333333;border-radius: 16px;width: 70%;height: auto;position: relative;display: inline-block;}
.nyimbo:hover .batani {
display: block;height: 20px;}
.nyimbo p {
font-size: 14px;}
.batani {
display: none;position: absolute;margin: auto 22%;transition: height 4s;width: 60%;}
.batani button {
border: none;border-radius: 15px;text-align: center;}
.batani button:hover {
background-color: grey;}
.cont2 {
margin: 20px auto;}
.cont2 img {
margin: auto 29.5%;border-radius: 15px;width: 42%;}
}
@media screen and (max-width: 720px) {
.nyimbo {
padding: -2px;text-align: center;margin: 14.5px 8%;background-color: #333333;border-radius: 16px;width: 84%;height: auto;position: relative;display: inline-block;}
.nyimbo:hover .batani {display: block;height: 20px;}
.nyimbo p {
font-size: 14px;}
.batani {
display: none;position: absolute;margin: auto 10.7%;transition: height 4s;width: 80%;}
.batani button {
border: none;border-radius: 15px;text-align: center;font-size: 12px;}
.batani button:hover {
background-color: grey;}
.cont2 {
margin: 20px auto;}
.cont2 img {
margin: auto 25.5%;
border-radius: 15px;
width: 50%;}
}
@media screen and (max-width: 520px) {
.nyimbo {
padding: -4px;text-align: center;margin: 15.5px 3.5%;background-color: #333333;border-radius: 16px;width: 95%;height: auto;position: relative;display: inline-block;}
.nyimbo:hover .batani {
display: block;height: 20px;}
.nyimbo p {
font-size: 13px;}
.batani {
display: none;position: absolute;margin: auto 10.7%;transition: height 4s;width: 80%;}
.batani button {
border: none;border-radius: 15px;text-align: center;font-size: 11px;}
.batani button:hover {
background-color: grey; }
.cont2 {
margin: 20px auto;}
.cont2 img {
margin: auto 18%;border-radius: 15px;width: 64%;}
}
/*ALBUM STREAMING PAGE STYLING*/
@media screen and (max-width: 920px) {
.imge {
margin: 20px auto;}
.imge img {
border-radius: 100%;border: 2px solid grey;margin: 10px 25.5%; width: 50%;}
.imge p {
text-align: center;font-weight: bold;font-size: 16px;}
.audio1 audio {
width: 75%;border-radius: 30px;margin: auto 13%;}
.audio1 p {
text-align: center;font-weight: bold;font-size: 20px;}
.audio1 {
margin: 16px auto;}
}
@media screen and (max-width: 720px) {
.imge {
margin: 20px auto;}
.imge img {
border-radius: 100%;border: 2px solid grey;margin: 10px 20%;width: 60%;}
.imge p {
text-align: center;font-weight: bold;font-size: 15px;}
.audio1 audio {
width: 85%;border-radius: 30px;margin: auto 7.8%;}
.audio1 p {
text-align: center;font-weight: bold;font-size: 19px;}
.audio1 {
margin: 16px auto;}
}
@media screen and (max-width: 600px) {
.imge {
margin: 20px auto;}
.imge img {
border-radius: 100%; border: 2px solid grey; margin: 10px 12%;width: 75%;}
.imge p {
text-align: center; font-weight: bold;font-size: 14px; }
.audio1 audio {
width: 95%;border-radius: 30px;margin: auto 2.5%;}
.audio1 p {
text-align: center;font-weight: bold;font-size: 19px;}
.audio1 {
margin: 16px auto;}
}
@media screen and (max-width: 480px) {
.imge {margin: 20px auto;}
.imge img {border-radius: 100%;border: 2px solid grey;margin: 10px 7.4%;width: 85%;}
.imge p {
text-align: center;font-weight: bold;font-size: 14px;}
.audio1 audio {width: 100%;border-radius: 30px;margin: auto 0%;}
.audio1 p {
text-align: center;font-weight: bold;font-size: 18px;}
.audio1 {
margin: 16px auto;}
}
/*SINGLES FRONT PAGE STYLING*/
@media screen and (max-width: 920px) {
.column {
margin: 10px 3%;box-sizing: border-box;width: 27%;float: left;background-color: #262626;border-radius: 10px;}
.column img {
width: 100%;max-height: 225px;border-radius: 10px 10px 0px 0px;}
.column:hover {
box-shadow: 4px 4px 10px grey;}
.des {
padding: 0px;text-align: center;}
.des p {
font-weight: bold;font-size: 13px;}
}
@media screen and (max-width: 800px) {
.column {
margin: 10px 3%;box-sizing: border-box;width: 27%;float: left;background-color: #262626;border-radius: 10px;}
.column img {
width: 100%;max-height: 190px;border-radius: 10px 10px 0px 0px;}
.column:hover {
box-shadow: 4px 4px 10px grey;}
.des {
padding: 0px;text-align: center;}
.des p {
font-weight: bold;font-size: 12px;}
}
@media screen and (max-width: 720px) {
.column {
margin: 10px 3%;box-sizing: border-box;width: 27%;float: left; background-color: #262626;border-radius: 10px;}
.column img {
width: 100%;max-height: 180px;border-radius: 10px 10px 0px 0px;}
.column:hover {
box-shadow: 4px 4px 10px grey;}
.des {
padding: 0px;text-align: center;}
.des p {
font-weight: bold;font-size: 12px;}
}
@media screen and (max-width: 550px) {
.column {
margin: 8px 6%;box-sizing: border-box;width: 38%;float: left; background-color: #262626;border-radius: 10px;}
.column img {
width: 100%;max-height: 170px;border-radius: 10px 10px 0px 0px;}
.column:hover {
box-shadow: 4px 4px 10px grey;}
.des {
padding: 0px; text-align: center;}
.des p {
font-weight: bold;font-size: 10px; }
}
@media screen and (max-width: 400px) {
.column {
margin: 8px 5%;box-sizing: border-box;width: 39%;float: left;background-color: #262626;border-radius: 10px;}
.column img {
width: 100%;max-height: 130px;border-radius: 10px 10px 0px 0px;}
.column:hover {
box-shadow: 4px 4px 10px grey;}
.des {
padding: 0px;text-align: center;}
.des p {
font-weight: bold;font-size: 7.5px;}
}
/*SINLGE AUDIOS PLAY DOWNLOAD PAGE*/
@media screen and (max-width: 1060px) {
.cont {
margin: 25px auto;}
.cont img {
margin: 0px 25.5%;border-radius: 20px;width: 50%;}
.table td {
padding: 10px 50px;}
.table {
margin: auto 20%;}
.buttons button {
width: 40%;border-radius: 20px;background-color: white;color: black;border: none;padding: 3px;}
.buttons {
width: 40%;
margin: auto 34%;}
}
@media screen and (max-width: 960px) {
.cont {
margin: 25px auto;}
.cont img {
margin: 0px 25.5%;border-radius: 20px;width: 50%;}
.table td {
padding: 10px 50px;margin:2px 20px;width:130px;}
.table {
margin: auto 20%;
width: 70%;}
.buttons button {
width: 40%;border-radius: 20px;background-color: white;color: black;border: none;padding: 5px;}
.buttons {
width: 40%;
margin: auto 34%;}
}
@media screen and (max-width: 800px) {
.cont {
margin: 25px auto;}
.cont img {
margin: 0px 20%;border-radius: 20px;width: 60%;}
.table td {
padding: 10px 50px;}
.table {
margin: auto 15%;width: 80%;font-size: 14px;}
.buttons button {
width: 40%;border-radius: 20px;background-color: white; color: black;border: none; padding: 5px;}
.buttons {
width: 60%;
margin: auto 26%;}
}
@media screen and (max-width: 720px) {
.cont {
margin: 25px auto;}
.cont img {
margin: 0px 20%;border-radius: 20px;width: 60%;}
.table td {
padding: 8px 40px;margin:2px 12px;width:120px;}
.table {
margin: auto 16%;width: 80%;font-size: 13px;}
.buttons button {
width: 40%;border-radius: 20px;background-color: white;color: black;border: none;padding: 5px;}
.buttons {
width: 60%;
margin: auto 26%;}
}
@media screen and (max-width: 580px) {
.cont {
margin: 25px auto;}
.cont img {
margin: 0px 15%;border-radius: 20px;width: 70%;}
.table td {
padding: 8px 30px;width:100px;}
.table {
margin: auto 12%;width: 85%;font-size: 11px;}
.buttons button {
width: 40%;border-radius: 20px;background-color: white;color: black;border: none;padding: 2px;font-size: 12px;}
.buttons {
width: 70%;
margin: auto 21.6%; }
}
@media screen and (max-width: 480px) {
.cont {
margin: 25px auto;}
.cont img {
margin: 0px 15%;border-radius: 20px;width: 70%;}
.table td {
padding: 8px 30px;}
.table {
margin: auto 10%;width: 88%;font-size: 11px;}
.buttons button {
width: 40%;border-radius: 20px;background-color: white;color: black;border: none;padding: 2px;font-size: 12px;}
.buttons {
width: 70%;
margin: auto 21.6%;}
}
@media screen and (max-width: 400px) {
.cont {
margin: 25px auto;}
.cont img {
margin: 0px 10%;border-radius: 20px;width: 80%;}
.table td {
padding: 7px 20px;}
.table {
margin: auto 6%; width: 88%;font-size: 12px;}
.buttons button {
width: 40%;border-radius: 20px;background-color: white;color: black; border: none;padding: 2px;font-size: 12px;}
.buttons {
width: 80%;
margin: auto 17%;}
}
@media screen and (max-width: 360px) {
.cont {
margin: 25px auto;}
.cont img {
margin: 0px 10%;border-radius: 20px;width: 80%;}
.table td {
padding: 7px 20px;width: 30%;}
.table {
margin: auto 6%; width: 88%;font-size: 12px;}
.buttons button {
width: 40%;border-radius: 20px;background-color: white;color: black; border: none;padding: 2px;font-size: 12px;}
.buttons {
width: 80%;
margin: auto 17%;}
}
/*SINGLE SUDIOS STREAMING STYLE*/
@media screen and (max-width: 920px) {
.audio p {
font-weight: bold;font-size: 20px;text-align: center;}
.audio audio {
width: 70%;margin: 0px 14%;border-radius: 20px;}
.artist p {
font-weight: bold;font-size: 15px;text-align: center;}
.stream img {
margin: 25px 22%;border-radius: 100%;width: 55%;}
}
@media screen and (max-width: 600px) {
.audio p {
font-weight: bold;font-size: 18px;text-align: center;}
.audio audio {
width: 90%;margin: 0px 5%;border-radius: 20px;}
.artist p {
font-weight: bold;font-size: 13px;text-align: center;}
.stream img {
margin: 25px 16%;border-radius: 100%;width: 68%;}
}
@media screen and (max-width: 480px) {
.audio p {
font-weight: bold;font-size: 16px;text-align: center;}
.audio audio {
width: 100%;margin: 0px 0%;border-radius: 20px;}
.artist p {
font-weight: bold;font-size: 11px;text-align: center;}
.stream img {
margin: 24px 6%;border-radius: 100%;width: 90%;}
}
/*HEADER AND FOOTER SYLING*/
@media screen and (max-width: 800px) {
.header img{padding: 2px;position: relative;bottom: 7px;width: 40%;margin:0.5% 32%;}
.nav{background-color: #333333;width: 100%;}
.nav ul {list-style-type: none;overflow: hidden;padding: 15px;font-size: 18px;border-radius: 7px;margin: auto 0.5%;}
.nav li { display: inline;}
.nav li a:link, .nav li a:visited { color: white;text-decoration: none;position: relative;padding: 0px 10px;}
.nav li a:hover,.nav li a:active {color: #ffcc00;border-radius: 7px;padding: 0px}
.footer {color: white;width: 99%;margin:14px -0.5% 0px;text-align: center;padding: 8px;clear: both; }
}
@media screen and (max-width: 600px) {
.header img{
text-align: center;padding: 2px;position: relative;bottom: 7px;width: 48%;margin:0.8% 25%;}
.links {display:none;}
.nav P{display: block;}
.nav{background-color: #333333;width: 100%;}
.nav ul {list-style-type: none;overflow: hidden;padding: 13.5px;font-size: 14px;border-radius: 7px; margin: auto -1%;}
.nav li { margin: auto 2%;}
.nav li a:link,.nav li a:visited {display:block;color: white;text-decoration: none;position: relative;padding: 0px 6px;}
.nav li a:hover,.nav li a:active {color: #ffcc00;border-radius: 7px;padding: 0px;}
.nav:hover .links{display: block;}
.footer {color: white;width: 99%;margin:14px -1.5% 0px;text-align: center;padding: 8px;clear: both; }
}
@media screen and (max-width: 400px) {
.header img{text-align: center;padding: 2px;position: relative;bottom: 7px;width: 58%;margin:1% 20%;}
.links {display:none;}
.nav P{display: block;}
.nav{background-color: #333333;width: 100%;}
.nav ul {list-style-type: none;overflow: hidden;padding: 11px;font-size: 12px;border-radius: 7px;margin: auto -1.2%;}
.nav li a:link,.nav li a:visited {display:block; color: white;text-decoration: none; position: relative;padding: 0px 3px;margin:auto 0.4px;}
.nav li a:hover,.nav li a:active {color: #ffcc00;border-radius: 7px;padding: 0px }
.nav:hover .links{display: block;}
.footer {color: white; width: 99%;margin:14px -2.3% 0px;text-align: center;padding: 8px;clear: both;}
}
@media screen and (max-width: 370px) {
.header img{text-align: center;padding: 2px;position: relative;bottom: 7px;width: 58%;margin:1.2% 20%;}
.nav{background-color: #333333;width: 100%;}
.links {display:none;}
.nav P{display: block;}
.nav ul {list-style-type: none;overflow: hidden;padding: 11px;font-size: 12px;border-radius: 7px;margin: auto -1.2%;}
.nav li { margin: -0.7%;}
.nav li a:link,.nav li a:visited { display:block;color: white;text-decoration: none; position: relative;padding: 0px 4px;margin:auto 4px;}
.nav li a:hover,.nav li a:active {color: #ffcc00;border-radius: 7px;padding: 0px }
.nav:hover .links{display: block;}
.footer {
color: white; width: 99%;margin:14px -2.3% 0px;text-align: center;padding: 8px;clear: both;}
}
/*search bar */
.search { clear:both; }
.searching {float: right;width:10%;}
.searching img{width:20px;}
/*about page*/
.about p, h1, h3{font-family:tahoma;}
/*responsive for search icon*/
@media screen and (max-width: 445px)
{
.searching {float: right;width:10%;}
.searching img{width:15px; margin:0px 5px;}
}
/*Buying page*/
.buy-btn {text-align: center;}
.buy-btn button{width:20%; padding:4px;border-radius: 8px;border: none;}
.buy {text-align: center;margin: 20px auto;}
.buy input[type=text]{width:200px; padding:7px;text-align: center;margin:20px auto;border-radius:60px;}
.buy-pg p{text-align: center;}
.buy input[type=button]{width:70px;}
/*Responsive for buy page*/
@media screen and (max-width: 600px)
{
.buy-pg p{text-align: center;font-size: 14px;}
}
.zip{text-align: center;margin: 3.5% auto;}