@font-face {
    font-family: Pinscher;
    src: url(fonts/SHPinscher-Regular.otf);
}
body {
    width: 1920px;
    margin: 0;
}
.son {
    z-index: 1;
    position: absolute;
    scale: 20%;
    left: 1050px;
    top: 250px;
    filter: drop-shadow(10px 10px 1px rgba(16, 9, 47, 0.29));
}

.info {
    z-index: 1;
    position: absolute;
    background-color: #f3efc2;
    border-radius: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
    width: 400px;
    height: 70px;
    font-family: monospace;
    color: #5d8372;
    border-style: double;
    border-width: thick;
    border-color: #5d8372;
    top: 800px;
    left: 100px;
    filter: drop-shadow(10px 10px 1px rgba(53, 38, 115, 0.35));
}

.iraq-flag {
  width: 8vw;
  height: auto;
  position:absolute;
  left: 40vw;
  top: 40vw
}


.webrings {
    z-index: 1;
    position: absolute;
    width: auto;
    height: auto;
    top: 800px;
    left: 100px;
    filter: drop-shadow(10px 10px 1px rgba(53, 38, 115, 0.35));
}

h3 {
    color: white;
}
.counter {
    position: absolute;
    top: 20px;
    left: 578px;
    margin: 510px;
    transform: scale(1.5);
}
.sign {
    z-index: 1;
    position: absolute;
    scale: 30%;
    left: 180px;
    top: 200px;
    filter: drop-shadow(10px 10px 1px rgba(16, 9, 47, 0.29));
}

.sign span {
    opacity: 0;
    position: absolute;
    top: 45%;
    left: 60%;
    transform: translate(-50%, -50%);
    z-index: 99;
    font-size: 7rem;
    font-family: Pinscher;
    line-height: 0.9;
    letter-spacing: 20px;

    color: #fff7dd;
    filter: drop-shadow(1px 1px 0 #382d77) drop-shadow(-1px 1px 0 #382d77) drop-shadow(1px -1px 0 #382d77)
        drop-shadow(-1px -1px 0 #382d77);
}
.sign:hover span,
.sign:focus span {
    opacity: 1;
}
.sign:hover img,
.sign:focus img {
    filter: hue-rotate(190deg) saturate(50%);
    transform: rotate(10deg);
}
.shop {
    z-index: 1;
    position: absolute;
    scale: 15%;
    left: 1100px;
    top: 450px;
    filter: drop-shadow(10px 10px 1px rgba(16, 9, 47, 0.29));
}

.shop span {
    opacity: 0;
    position: absolute;
    top: 45%;
    left: 60%;
    transform: translate(-50%, -50%);
    z-index: 99;
    font-size: 20rem;
    font-family: Pinscher;
    line-height: 0.9;
    letter-spacing: 20px;

    color: #fff7dd;
    filter: drop-shadow(1px 1px 0 #382d77) drop-shadow(-1px 1px 0 #382d77) drop-shadow(1px -1px 0 #382d77)
        drop-shadow(-1px -1px 0 #382d77);
}
.shop:hover span,
.shop:focus span {
    opacity: 1;
}
.shop:hover img,
.shop:focus img {
    filter: hue-rotate(190deg) saturate(50%);
    transform: rotate(10deg);
}

.tattoo {
    z-index: 1;
    position: absolute;
    scale: 20%;
    left: -200px;
    top: -50px;
    filter: drop-shadow(10px 10px 1px rgba(16, 9, 47, 0.29));
}

.tattoo span {
    opacity: 0;
    position: absolute;
    top: 45%;
    left: 60%;
    transform: translate(-50%, -50%);
    z-index: 99;
    font-size: 9rem;
    font-family: Pinscher;
    line-height: 0.9;
    letter-spacing: 20px;

    color: #fff7dd;
    filter: drop-shadow(1px 1px 0 #382d77) drop-shadow(-1px 1px 0 #382d77) drop-shadow(1px -1px 0 #382d77)
        drop-shadow(-1px -1px 0 #382d77);
}
.tattoo:hover span,
.tattoo:focus span {
    opacity: 1;
}
.tattoo:hover img,
.tattoo:focus img {
    filter: hue-rotate(190deg) saturate(50%);
    transform: rotate(10deg);
}

.chest {
    z-index: 1;
    position: absolute;
    scale: 35%;
    left: 870px;
    top: 620px;
    filter: drop-shadow(10px 10px 1px rgba(16, 9, 47, 0.29));
}

.chest span {
    opacity: 0;
    position: absolute;
    top: 45%;
    left: 60%;
    transform: translate(-50%, -50%);
    z-index: 99;
    font-size: 9rem;
    font-family: Pinscher;
    line-height: 0.9;
    letter-spacing: 20px;

    color: #fff7dd;
    filter: drop-shadow(1px 1px 0 #382d77) drop-shadow(-1px 1px 0 #382d77) drop-shadow(1px -1px 0 #382d77)
        drop-shadow(-1px -1px 0 #382d77);
}
.chest:hover span,
.chest:focus span {
    opacity: 1;
}
.chest:hover img,
.chest:focus img {
    filter: hue-rotate(190deg) saturate(50%);
    transform: rotate(10deg);
}

.food {
    z-index: 1;
    position: absolute;
    scale: 25%;
    left: 1200px;
    top: 650px;
    filter: drop-shadow(10px 10px 1px rgba(16, 9, 47, 0.29));
}

.food span {
    opacity: 0;
    position: absolute;
    top: 45%;
    left: 60%;
    transform: translate(-50%, -50%);
    z-index: 99;
    font-size: 9rem;
    font-family: Pinscher;
    line-height: 0.9;
    letter-spacing: 20px;

    color: #fff7dd;
    filter: drop-shadow(1px 1px 0 #382d77) drop-shadow(-1px 1px 0 #382d77) drop-shadow(1px -1px 0 #382d77)
        drop-shadow(-1px -1px 0 #382d77);
}
.food:hover span,
.food:focus span {
    opacity: 1;
}
.food:hover img,
.food:focus img {
    filter: hue-rotate(190deg) saturate(50%);
    transform: rotate(10deg);
}

.map {
    z-index: 1;
    position: absolute;
    scale: 30%;
    left: -200px;
    top: 50px;
    filter: drop-shadow(10px 10px 1px rgba(16, 9, 47, 0.29));
    transform: rotate(-4deg);
}

.map span {
    opacity: 0;
    position: absolute;
    top: 45%;
    left: 60%;
    transform: translate(-50%, -50%);
    z-index: 99;
    font-size: 9rem;
    font-family: Pinscher;
    line-height: 0.9;
    letter-spacing: 20px;

    color: #fff7dd;
    filter: drop-shadow(1px 1px 0 #382d77) drop-shadow(-1px 1px 0 #382d77) drop-shadow(1px -1px 0 #382d77)
        drop-shadow(-1px -1px 0 #382d77);
}
.map:hover span,
.map:focus span {
    opacity: 1;
}
.map:hover img,
.map:focus img {
    filter: hue-rotate(190deg) saturate(50%);
    transform: rotate(10deg);
}

.tv {
    z-index: 1;
    position: absolute;
    scale: 80%;
    left: 1520px;
    top: -130px;
    filter: drop-shadow(5px 10px 1px rgba(16, 9, 47, 0.29));
}

.tv span {
    opacity: 0;
    position: absolute;
    top: 45%;
    left: 60%;
    transform: translate(-50%, -50%);
    z-index: 99;
    font-size: 4rem;
    font-family: Pinscher;
    line-height: 0.9;
    letter-spacing: 20px;

    color: #fff7dd;
    filter: drop-shadow(1px 1px 0 #382d77) drop-shadow(-1px 1px 0 #382d77) drop-shadow(1px -1px 0 #382d77)
        drop-shadow(-1px -1px 0 #382d77);
}
.tv:hover span,
.tv:focus span {
    opacity: 1;
}
.tv:hover img,
.tv:focus img {
    filter: hue-rotate(190deg) saturate(50%);
    transform: rotate(10deg);
}

.tornado {
    z-index: 1;
    position: absolute;
    scale: 30%;
    left: -200px;
    top: 20px;
    filter: drop-shadow(10px 10px 1px rgba(16, 9, 47, 0.29));
    transform: rotate(3deg);
}

.tornado span {
    opacity: 0;
    position: absolute;
    top: 45%;
    left: 60%;
    transform: translate(-50%, -50%);
    z-index: 99;
    font-size: 9rem;
    font-family: Pinscher;
    line-height: 0.9;
    letter-spacing: 20px;

    color: #fff7dd;
    filter: drop-shadow(1px 1px 0 #382d77) drop-shadow(-1px 1px 0 #382d77) drop-shadow(1px -1px 0 #382d77)
        drop-shadow(-1px -1px 0 #382d77);
}
.tornado:hover span,
.tornado:focus span {
    opacity: 1;
}
.tornado:hover img,
.tornado:focus img {
    filter: hue-rotate(190deg) saturate(50%);
    transform: rotate(10deg);
}

.carpet {
    position: absolute;
    scale: 160%;
    height: 600px;
    left: 360px;
    top: 150px;
    overflow: hidden;
}

.shelves {
    position: absolute;
    top: 20px;
    left: 350px;
    margin: 500px;
    transform: scale(1.5);
}

.tanks {
    position: absolute;
    top: 20px;
    left: -300px;
    margin: 450px;
    transform: scale(1.5);
    filter: drop-shadow(5px 10px 1px rgba(16, 9, 47, 0.29));
}
.flag {
    position: absolute;
    top: 20px;
    left: 1100px;
    margin: 100px;
    transform: scale(1.25);
    filter: drop-shadow(10px 5px 1px rgba(16, 9, 47, 0.29));
}
.photo {
    position: absolute;
    top: 10px;
    left: 650px;
    margin: 130px;
    transform: scale(1.25);
    filter: drop-shadow(10px 5px 1px rgba(16, 9, 47, 0.29));
}
.inspo {
    position: absolute;
    transform: scale(0.85);
    top: 275px;
    left: 425px;
}
.flies {
    position: absolute;
    top: -480px;
    left: -330px;
    margin: 500px;
    scale: 22%;
    filter: drop-shadow(10px 5px 1px rgba(16, 9, 47, 0.29));
}
.nets {
    position: absolute;
    top: -480px;
    left: -120px;
    margin: 500px;
    scale: 30%;
    filter: drop-shadow(10px 5px 1px rgba(16, 9, 47, 0.29));
}
.poles {
    position: absolute;
    top: -440px;
    left: 670px;
    margin: 370px;
    scale: 40%;
    filter: drop-shadow(10px 5px 1px rgba(16, 9, 47, 0.29));
}
.license {
    position: absolute;
    top: 20px;
    left: 650px;
    margin: 445px;
    transform: scale(1.5);
    filter: drop-shadow(10px 5px 1px rgba(16, 9, 47, 0.29));
}
.self {
    position: absolute;
    top: -170px;
    left: 670px;
    margin: 25px;
    transform: scale(0.27);
}
/* Start https://www.cursors-4u.com */
* {
    cursor: url(https://cur.cursors-4u.net/nature/nat-7/nat659.cur), auto !important;
} /* End https://www.cursors-4u.com */

.garden {
    z-index: 1;
    scale: 31%;
    position: absolute;
    left: 875px;
    top: 100px;
    filter: drop-shadow(22px 26px 9px rgba(16, 9, 47, 0.29));
}
.garden span {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    font-size: 10rem;
    font-family: Pinscher;
    line-height: 0.9;
    letter-spacing: 20px;

    color: #fff7dd;
    filter: drop-shadow(1px 1px 0 #382d77) drop-shadow(-1px 1px 0 #382d77) drop-shadow(1px -1px 0 #382d77)
        drop-shadow(-1px -1px 0 #382d77);
}
.garden:hover span,
.garden:focus span {
    opacity: 1;
}
.garden:hover img,
.garden:focus img {
    filter: hue-rotate(190deg) saturate(50%);
    transform: rotate(10deg);
}

.bulletin {
    scale: 31%;
    position: absolute;
    left: 1170px;
    top: -200px;
    filter: drop-shadow(22px 26px 9px rgba(16, 9, 47, 0.29));
}
.bulletin span {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    font-size: 10rem;
    font-family: Pinscher;
    line-height: 0.9;
    letter-spacing: 20px;

    color: #fff7dd;
    filter: drop-shadow(1px 1px 0 #382d77) drop-shadow(-1px 1px 0 #382d77) drop-shadow(1px -1px 0 #382d77)
        drop-shadow(-1px -1px 0 #382d77);
}
.bulletin:hover span,
.bulletin:focus span {
    opacity: 1;
}
.bulletin:hover img,
.bulletin:focus img {
    filter: hue-rotate(190deg) saturate(50%);
    transform: rotate(10deg);
}

.inspo span {
    opacity: 0;
    position: absolute;
    transform: translate(-130%, 100%);
    z-index: 99;
    top: -50px;
    left: 400px;
    font-size: 3rem;
    font-family: Pinscher;
    text-align: center;
    letter-spacing: 10px;

    color: #fff7dd;
    filter: drop-shadow(1px 1px 0 #382d77) drop-shadow(-1px 1px 0 #382d77) drop-shadow(1px -1px 0 #382d77)
        drop-shadow(-1px -1px 0 #382d77);
}
.inspo:hover span,
.inspo:focus span {
    opacity: 1;
}
.inspo:hover img,
.inspo:focus img {
    filter: hue-rotate(190deg) saturate(50%);
    transform: rotate(-10deg);
}

.photo span {
    opacity: 0;
    position: absolute;
    transform: translate(-160%, 170%);
    z-index: 99;
    font-size: 2rem;
    font-family: Pinscher;
    text-align: center;
    letter-spacing: 10px;
    line-height: 0.9;
    color: #fff7dd;
    filter: drop-shadow(1px 1px 0 #382d77) drop-shadow(-1px 1px 0 #382d77) drop-shadow(1px -1px 0 #382d77)
        drop-shadow(-1px -1px 0 #382d77);
}
.photo:hover span,
.photos:focus span {
    opacity: 1;
}
.photo:hover img,
.photo:focus img {
    filter: hue-rotate(190deg) saturate(50%);
    transform: rotate(-10deg);
}

.self span {
    opacity: 0;
    position: absolute;
    transform: translate(-200%, 150%);
    z-index: 99;
    font-size: 11rem;
    font-family: Pinscher;
    text-align: center;
    letter-spacing: 20px;
    line-height: 0.8;
    color: #fff7dd;
    filter: drop-shadow(5px 5px 0 #382d77) drop-shadow(-5px 5px 0 #382d77) drop-shadow(5px -5px 0 #382d77)
        drop-shadow(-5px -5px 0 #382d77);
}
.self:hover span,
.self:focus span {
    opacity: 1;
}
.self:hover img,
.self:focus img {
    filter: hue-rotate(190deg) saturate(50%);
}

.tanks span {
    opacity: 0;
    position: absolute;
    transform: translate(-280%, 400%);
    z-index: 99;
    font-size: 2rem;
    font-family: Pinscher;
    text-align: center;
    letter-spacing: 10px;
    line-height: 0.9;
    color: #fff7dd;
    filter: drop-shadow(1px 1px 0 #382d77) drop-shadow(-1px 1px 0 #382d77) drop-shadow(1px -1px 0 #382d77)
        drop-shadow(-1px -1px 0 #382d77);
}
.tanks:hover span,
.tanks:focus span {
    opacity: 1;
}
.tanks:hover img,
.tanks:focus img {
    filter: hue-rotate(190deg) saturate(90%);
    transform: rotate(-10deg);
}

.flies span {
    opacity: 0;
    position: absolute;
    transform: translate(-200%, 90%);
    z-index: 99;
    font-size: 15rem;
    font-family: Pinscher;
    text-align: center;
    letter-spacing: 50px;
    line-height: 0.9;
    color: #fff7dd;
    filter: drop-shadow(7px 7px 0 #382d77) drop-shadow(-7px 7px 0 #382d77) drop-shadow(7px -7px 0 #382d77)
        drop-shadow(-7px -7px 0 #382d77);
}
.flies:hover span,
.flies:focus span {
    opacity: 1;
}
.flies:hover img,
.flies:focus img {
    filter: hue-rotate(190deg) saturate(70%);
    transform: rotate(-10deg);
}

.nets span {
    opacity: 0;
    position: absolute;
    transform: translate(-150%, 150%);
    z-index: 99;
    font-size: 10rem;
    font-family: Pinscher;
    text-align: center;
    letter-spacing: 30px;
    line-height: 0.9;
    color: #fff7dd;
    filter: drop-shadow(5px 5px 0 #382d77) drop-shadow(-5px 5px 0 #382d77) drop-shadow(5px -5px 0 #382d77)
        drop-shadow(-5px -5px 0 #382d77);
}
.nets:hover span,
.nets:focus span {
    opacity: 1;
}
.nets:hover img,
.nets:focus img {
    filter: hue-rotate(190deg) saturate(90%);
    transform: rotate(-10deg);
}

.license span {
    opacity: 0;
    position: absolute;
    transform: translate(-80%, 5%);
    z-index: 99;
    font-size: 2rem;
    font-family: Pinscher;
    text-align: center;
    letter-spacing: 10px;
    line-height: 0.9;
    color: #fff7dd;
    filter: drop-shadow(1px 1px 0 #382d77) drop-shadow(-1px 1px 0 #382d77) drop-shadow(1px -1px 0 #382d77)
        drop-shadow(-1px -1px 0 #382d77);
}
.license:hover span,
.license:focus span {
    opacity: 1;
}
.license:hover img,
.license:focus img {
    filter: hue-rotate(190deg) saturate(90%);
    transform: rotate(-10deg);
}

.poles span {
    opacity: 0;
    position: absolute;
    transform: translate(-200%, 500%);
    z-index: 99;
    font-size: 8rem;
    font-family: Pinscher;
    text-align: center;
    letter-spacing: 10px;
    line-height: 0.9;
    color: #fff7dd;
    filter: drop-shadow(3px 3px 0 #382d77) drop-shadow(-3px 3px 0 #382d77) drop-shadow(3px -3px 0 #382d77)
        drop-shadow(-3px -3px 0 #382d77);
}
.poles:hover span,
.poles:focus span {
    opacity: 1;
}
.poles:hover img,
.poles:focus img {
    filter: hue-rotate(190deg) saturate(90%);
    transform: rotate(-10deg);
}

.collections {
    position: absolute;
    top: -600px;
    left: 800px;
    margin: 510px;
    transform: scale(0.25);
    filter: drop-shadow(5px 10px 1px rgba(16, 9, 47, 0.29));
}
.collections span {
    opacity: 0;
    position: absolute;
    transform: translate(-80%, 70%);
    z-index: 99;
    font-size: 12rem;
    font-family: Pinscher;
    text-align: center;
    letter-spacing: 20px;
    line-height: 0.9;
    color: #fff7dd;
    filter: drop-shadow(5px 5px 0 #382d77) drop-shadow(-5px 5px 0 #382d77) drop-shadow(5px -5px 0 #382d77)
        drop-shadow(-5px -5px 0 #382d77);
}
.collections:hover span,
.collections:focus span {
    opacity: 1;
}
.collections:hover img,
.collections:focus img {
    filter: hue-rotate(190deg) saturate(90%);
    transform: rotate(-10deg);
}

.fish {
    position: absolute;
    top: -610px;
    left: -700px;
    margin: 510px;
    transform: scale(0.35);
}
.fish span {
    opacity: 0;
    position: absolute;
    transform: translate(-100%, 160%);
    z-index: 99;
    font-size: 7rem;
    font-family: Pinscher;
    text-align: center;
    letter-spacing: 40px;
    line-height: 0.9;
    color: #fff7dd;
    filter: drop-shadow(3px 3px 0 #382d77) drop-shadow(-3px 3px 0 #382d77) drop-shadow(3px -3px 0 #382d77)
        drop-shadow(-3px -3px 0 #382d77);
}
.fish:hover span,
.fish:focus span {
    opacity: 1;
}
.fish:hover img,
.fish:focus img {
    filter: hue-rotate(190deg) saturate(90%);
    transform: rotate(-10deg);
}

.phone {
    position: absolute;
    top: 00px;
    left: 500px;
    margin: 510px;
    transform: scale(0.2);
    z-index: 1;
}
.phone span {
    opacity: 0;
    position: absolute;
    transform: translate(-80%, 10%);
    z-index: 99;
    font-size: 15rem;
    font-family: Pinscher;
    text-align: center;
    letter-spacing: 10px;
    line-height: 0.9;
    color: #fff7dd;
    filter: drop-shadow(3px 3px 0 #382d77) drop-shadow(-3px 3px 0 #382d77) drop-shadow(3px -3px 0 #382d77)
        drop-shadow(-3px -3px 0 #382d77);
}
.phone:hover span,
.phone:focus span {
    opacity: 1;
}
.phone:hover img,
.phone:focus img {
    filter: hue-rotate(190deg) saturate(90%);
    transform: rotate(-10deg);
}

.free {
    position: absolute;
    top: 150px;
    left: 20px;
    margin: 500px;
    scale: 50%;
    filter: drop-shadow(10px 15px 1px rgba(16, 9, 47, 0.29));
}

.free span {
    opacity: 0;
    position: absolute;
    transform: translate(-100%, 90%);
    z-index: 99;
    font-size: 5rem;
    font-family: Pinscher;
    text-align: center;
    letter-spacing: 50px;
    line-height: 0.9;
    color: #fff7dd;
    filter: drop-shadow(3px 3px 0 #382d77) drop-shadow(-3px 3px 0 #382d77) drop-shadow(3px -3px 0 #382d77)
        drop-shadow(-3px -3px 0 #382d77);
}
.free:hover span,
.free:focus span {
    opacity: 1;
}
.free:hover img,
.free:focus img {
    filter: hue-rotate(190deg) saturate(70%);
    transform: rotate(10deg);
}

.cars {
    position: absolute;
    top: 30px;
    left: 475px;
    transform: scale(0.5);
    z-index: 1;
    filter: drop-shadow(10px 10px 1px rgba(53, 38, 115, 0.35));
}
.cars span {
    opacity: 0;
    position: absolute;
    transform: translate(-100%, 160%);
    z-index: 99;
    top: -200px;
    left: 300px;
    font-size: 5rem;
    font-family: Pinscher;
    text-align: center;
    letter-spacing: 40px;
    line-height: 0.9;
    color: #fff7dd;
    filter: drop-shadow(3px 3px 0 #382d77) drop-shadow(-3px 3px 0 #382d77) drop-shadow(3px -3px 0 #382d77)
        drop-shadow(-3px -3px 0 #382d77);
}
.cars:hover span,
.cars:focus span {
    opacity: 1;
}
.cars:hover img,
.cars:focus img {
    filter: hue-rotate(190deg) saturate(90%);
    transform: rotate(-10deg);
}
.radio {
    position: absolute;

    z-index: 99;
}