*{

    padding: 0;
    margin: 0;
}   

.menu{

    font-size: 25px;
    text-align: right;
    margin-left: 10px;
    margin-top: 20px;
}
.menu img{
    margin-top: -1%;
margin-left: -0.3%;
    width: 6%;
    float: left;
}
li{
    display: inline;
}

a{
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 10px 8px;
}
.home{
    width: 100%;
}

.teksti{
width: 40%;
float: left;
background-color:#4c4e50;
color: rgb(0, 0, 0);
padding: 100px;
font-size: 20px;
height: 732px;
font-family: cursive;
margin-bottom: 15px;
}
.about{
    width: 100%;
    margin: 0%;
}

.tekst{
    width: 40%;
    float:right;
    background-color:#4c4e50;
    color: rgb(0, 0, 0);
    padding: 100px;
    font-size: 20px;
    height: 421px;
    font-family: cursive;
    }
    .why{
        width: 100%;
        margin: 0%;
    }

.drop{
            position: relative;
            display: inline-block;
        }
.content{
            position: absolute;
            display: none;

background-color: rgba(255, 255, 255, 0.281);
color: rgb(0, 0, 0);
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.164);
        }
.content a:hover{background-color: rgba(0, 0, 0, 0.219); color: rgb(255, 255, 255);}
.content a{
            color: rgb(0, 0, 0);
            padding: 12px 16px;
            text-decoration: none;
            display: block;
text-align: center;
        }
.drop:hover .content    {
            display: block;
           
          }   

          i{color: rgb(146, 33, 33);}

.anesa{

    width:100%;
    padding-top: 100px;
}
.anesa i{
    color: rgb(206, 0, 0);
}

.sadiku{

    width:80%;
    margin:auto;


}

.mapp{
    margin:12px;
}

.sadiku h2{

    margin:14px;
}

.zyra i{
    color:rgb(206, 0, 0);
    width:30px;
}

.zyra table,th,td{

    border:1px solid rgb(146, 33, 33);
    border-collapse: collapse;
    padding:20px;

}

.zyra table{

    width:100%;
    margin:12px;
}

.zyra h1{
    text-align:left;
    color: rgb(146, 33, 33);
    font-size: 25px;
    font-family: serif;
}


.dita{

    font-weight: 900;
}



.ice{

    width:40%;
    margin:30px;
    padding:12px;
    float:left;
    
}

.ice h3{
    color: rgb(146, 33, 33);
}

.laptop{

    background-color:rgb(146, 33, 33);
    padding:5px;
    color:white;
border: none;
}

.iam{

    width:100%;
    border:2px solid rgb(146, 33, 33);
    
}
.inputi{
   height: 20px;
    border:2px solid rgb(146, 33, 33); 
}



.zyra{

    width:45%;
    float:left;
    margin:20px;
    margin-top: 4%;
    margin-left: 5%;
}
h3{
    font-size: 25px;
    font-family: serif;
    color: rgb(255, 255, 255);
}
p{
    margin-top: 20px;
    font-size: 20px;
}
body{
    background-color: black;
    color: white;
   
}
.zyra p{
color: white;
}