CSS div color hover

pytanie zadane 21 marca 2019 w HTML i CSS przez polonez11212 Początkujący (350 p.)

Dzień Dobry :)

Mam błąd z hover który nie zmienia koloru tekstu przez hover na Divie lecz Hover działa na linku .

Oto mój kod i dziękuje za rozpatrzenie mojego kodu z własnej Woli

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width = device-width, initial-scale = 1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge, chrome">
    <meta name="author" content="Paweł Łukasz">
    <meta name="description" content="Lorem Ipsum dolet sit amet <3">
    <meta name="keywords" content="Lorem, Ipsum, html, css">
    <link rel="stylesheet" type="text/css" href="style.css" >
    <title> Workout </title>
</head>

<body>


   


        <div class="nav">
            <div class="nav-under">
                    <div class="menubox">
                    <a href="index.php" class="anchor">Index</a>
                    </div>


                    <div class="menubox">
                    <a href="#" class="anchor">Tabele</a>

                    </div>



                     <div class="menubox">
                    <a href="#"  class="anchor">Listy</a>
                    </div>



                     <div class="menubox">
                    <a href="#"  class="anchor">Animacje</a>
                    </div>



                     <div class="menubox">
                    <a href="#"  class="anchor">Zobaczy Się</a>
                    </div>
            
            </div>
        </div>



        <div class="photo-box" style="">
            
         <div  class="tytul" >Strona WWW </div><div class="zdj-pierw">
             <img src="https://picsum.photos/200/200/?random" width="200" height="200"/>
            
            </div>
            
            
        </div>


       <div class="para-box"><p>Lorem Ipsum na cale 100%</p></div>
       
       
       <div class="photo-para-box">
           
           
           <img src="#" alt=" zdjecie photo_para_box" class="zdj-ost"/>
           <div class="paragraf-obok-zdj">
           <p>Lorem Ipsum obok zdjecia</p>
           
   
          <div class="anime"></div>
           
           </div>
       </div>

 
   
      <footer>Wszystkie prawa zastrzezone</footer>
    


</body>

</html>

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Oswald|Raleway');

body
{
width: 100vw;
height: 100vh;
padding: 0;
margin: 0;

}




.nav
{
 width: 100vw;
 font-family: 'Oswald', sans-serif;
 background-color:  rgba(255, 94, 34, 0.5);
 padding: 10px 0px;
 margin: 0;
 display: block;

 
}

.nav:hover 
{   color: green;}


.nav-under
{
 max-width: 1000px;
 min-width: 700px;
 margin-left: auto;
 margin-right: auto;
 background-color: #ff5e22;
 display: flex;
 justify-content: space-around;
}

.menubox
{
     display: flex;
  flex-basis: 188px;
 background-color: gray;
  padding: 10px 0px;
  justify-content: center;
}

.menubox:hover
{ 
    display: block;
    text-align: center;
    background-color: #ffbb00;
    color: #045dff !important;
}


.anchor
{
 text-decoration: none;
 color: aliceblue;
}



.photo-box
{
background:  linear-gradient(250deg, rgba(251, 10, 237, 0.84) , rgba(0, 186, 255, 0.91) 50% , rgba(15, 226, 98, 1)   ); 
    
     width:100vw;
    font-size: 30px;
    padding-top:70px;
    padding-bottom:70px; 
    margin-left:auto; margin-right:auto;
    color:#f0eeee;
    font-family: sans-serif;
    position: relative;
        justify-content: center;
    align-items: center;
   display: flex;
    
}


.tytul
{ 

    position:absolute; 


   

}

.zdj-pierw img
{
    border-radius: 50%;
 
;
 
 }
.para-box
{}

.photo-para-box
{}

.zdj-ost
{}

.paragraf-obok-zdj
{}

           .anime{
  width: 100px;
  height: 100px;
  background-color:#fdeff0;
  position: relative;

  animation-name: example;
  animation-duration: 4s;
  animation-iteration-count: 3;
}

/*
@keyframes example {
  0%   {background-color:#fdeff0; right:-100px; bottom:0px;}
  10% {background-color:#fbe0e2; right:-100px; bottom:0px;}
   20%{background-color:#f9d0d4; right:-100px; bottom:-100px;}
  30%{background-color:#f8c1c6; right:-200px; bottom:-100px;}
  40% {background-color:#f6b2b8; right:-200px; bottom:-200px;}
    50%   {background-color:#f4a2aa; right:-300px; bottom: -200px;}
 60%  {background-color:#f6b2b8; right:-300px; bottom:-200px;}
  70%  {background-color:#f8c1c6; right:-300px; bottom:-100px;}
  80%  {background-color:#f9d0d4;  right:-300px; bottom:0px;}
  90% {background-color:#fbe0e2; right:-200px; bottom:0px;}
  100% {background-color:#fdeff0; right:-100px; bottom:0px;}
}
*/



footer
{}