@font-face {
	font-family: MISTRAl;
	src: url("../fonts/MISTRAl.TTF");
}

body {
background-color: #ccc;
margin: 0;
padding: 0;
}

p{

	color: red;
	font-size: 150%;
	font-family: Verdana;
}
#dva {
	font-family: MISTRAL;
	font-size: 100%;
}

p {
    margin: 0;
}

/* Абсолютные величины */

.mm {
    font-size: 20mm;
}

.cm {
    font-size: 2cm;
}

.in {
    font-size: 2in;
}

.pt {
    font-size: 12pt;
}

/* Относительные величины */

.px {
    font-size: 20px;
}

.em {
    font-size: 1.7em;
}

.percent {
    font-size: 170%;
}

.vw {
    font-size: 2vw;
}

.vh {
    font-size: 2vh;
}

/*Селекторы*/
body {
    font-size: 200%;
}

p {
    color: #00c;
}

.red {
    color: #f00;
}

#title {
    color: #fa3900;
    text-align: center;
}

p span {
    color: #0c0;
}

body p span {
    text-shadow: 2px 3px 5px #000;
}

input[type="text"] {
    height: 40px;
    width: 400px;
}

input[type="text"]:focus {
    border: 2px solid #c00;
}

input[type="submit"] {
    color: #0099dd;
    cursor: pointer;
    height: 50px;
    width: 300px;
}
input[type="submit"]:focus {
height: 70px;
width: 350px;
	}

form > p {
    font-size: 200%;
}

ul li:first-child {
    color: #c00;
}

ul li:last-child {
    color: #0c0;
}

ul li:nth-child(3) {
    color: #aaa;
}

table {
    border: 2px solid #000;
    text-align: center;
    width: 30%;
}

td {
    border: 1px solid #000;
}

td:nth-child(2n) {
    color: #00c;
}

td:nth-child(2n + 1) {
    color: #a00;
}

a {
    color: #c00;
    text-decoration: none;
}

a:hover {
	font-size: 70px;
    color: #00c;
    text-decoration: underline;
}

#table tr .big {
    font-size: 200%;
}

#table tr .big:hover {
    color: #000;
    font-size: 50px;

}
ul {
    list-style: none;
}.icon {
    list-style-image: url("images/email.png");
}

<----------------------------------------------------------------------------1000->
#container {
    border: 2px solid black;
    width: 500px;
    
}