<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=UTF-8;" http-equiv="content-type" />
</head>
<body style="background-color: brown;">
<div id="kvadratas_2" style="background-color: #77d07d;
width: 150px; height: 150px; border-radius: 25px;
position: absolute; top: 50px; left: 50px; rotate: 45deg;"
onmouseover=kvadratas_2_on(); onmouseout=kvadratas_2_out();>
</div>
<div id="apskritimas_2" style="background-color: #77d07d;
width: 150px; height: 150px; border-radius: 125px;
position: absolute; top: 175px; left: 200px;"
onmouseover=apskritimas_2_on(); onmouseout=apskritimas_2_out();>
<script>
function kvadratas_2_on(){
document.getElementById("kvadratas_2").style.backgroundColor = "#804000";
}
function kvadratas_2_out(){
document.getElementById("kvadratas_2").style.backgroundColor = "#77d07d";
}
function apskritimas_2_on(){
document.getElementById("apskritimas_2").style.backgroundColor = "#804000";
}
function apskritimas_2_out(){
document.getElementById("apskritimas_2").style.backgroundColor = "#77d07d";
}
</script>
</body>
</html>