body{
    margin: 0;
    font-family: sans-serif;
    cursor: default;
    background-color:green ;
    text-align:center ;
    color:white ;
}

#navbar{
    border-bottom: 3px solid black;
    height: 75px;
    background-color:rgba(255, 255, 255, .5) ;
}

.VikenaitGem{
    background-image: linear-gradient( rgb(0, 179, 0), red);
    width: 43px;
    height: 43px;
    transform: rotate(45deg);
    border: 3px solid white;
    outline: 2px solid black;
    float: right;
    margin-right: 15px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    transition: 1s;
    cursor:pointer ;
}

.VikenaitGem:hover{
    transform: rotate(315deg);
    background-image: linear-gradient( lime, rgb(255, 121, 121));
}

#websitesPopup{
margin-top:5% ;
height:80%;
width:90%;
background-color:white;
margin-left:5%;
position:fixed;
z-index:5;
display:none;
border-radius: 45px;
overflow:auto;
border: 10px outset black;
text-align: center;
transition:0.5s ;
transform:rotateX(90deg) ;
opacity:0% ;
}

.websiteDiv{
    border: 3px solid black;
    transition: 0.5s;
    display: inline-block;
    margin: 5px;
    cursor:pointer ;
    padding:10px ;
    color:black ;
}

.websiteDiv img {
  border-radius:10px ;
}

.websiteDiv:hover{
    background-color: rgba(0, 0, 0, 0.5);
    color:white ;
}

a {
  color:cyan ;
  text-decoration:none ;
  transition:0.1s ;
}

a:hover {
  color:yellow ;
}