body{
font-family: Arial;
background:#f4f4f4;
margin:0;
}

header{
background:palevioletred;
color:white;
padding:20px;
text-align:center;
}

section{
background:white;
margin:20px;
padding:20px;
border-radius:10px;
}


p{
color:#333;
}

#poseban{
color:red;
}

.plavi{
color:blue;
}


.link:hover{
color:red;
}



.font-demo{
font-size:20px;
font-weight:bold;
letter-spacing:2px;
}



table{
border-collapse:collapse;
width:100%;
}

td, th{
border:1px solid black;
padding:8px;
}


.circle{
list-style-type:circle;
}

.square{
list-style-type:square;
}

.alpha{
list-style-type:upper-alpha;
}



.float-box{
float:left;
width:150px;
height:150px;
background:orange;
margin-right:15px;
}

.clear{
clear:both;
}



.box{
background:lightblue;
padding:20px;
border:5px solid blue;
margin:20px;
}



.overflow-box{
width:200px;
height:100px;
overflow:auto;
border:2px solid black;
}