1. html,
2. body {
3.     height: 100%;
4.     width: 100%;
5.     position: relative;
6.     margin: 0px auto;
7.     padding: 0px 0px 0px 0px;
8.     background-color: whitesmoke;
9.     font-family: 'Roboto', sans-serif;
10. }
11.  
12. article {
13.     height: 100%;
14.     width: 100%;
15. }
16.  
17. nav {
18.     height: 10%;
19.     width: 100%;
20.     display: flex;
21.     justify-content: space-between;
22.     align-items: center;
23.     padding-top: 20px;
24.     box-shadow: 2px 2px 20px #8c8c8c;
25. }
26.  
27. nav ul,
28. ul li {
29.     list-style: none;
30.     margin: 0;
31.     padding: 0 15px 0 0;
32.     text-align: right;
33. }
34.  
35. nav ul li {
36.     display: inline-block;
37.     vertical-align: middle;
38.     white-space: nowrap;
39. }
40.  
41. nav li a {
42.     padding: 5px;
43.     text-decoration: none;
44.     color: #696969;
45.     font-size: 20px;
46.     font-weight: bold;
47.     vertical-align: middle;
48. }
49.  
50. a:hover {
51.     background-color: #F0E68C;
52. }
53.  
54. #samolot {
55.     height: 100px;
56.     width: 150px;
57.     padding: 0 0 30px 30px;
58. }
59. .bilet{
60.     float: left;
61.     height: 50%;
62.     width: 25%;
63.     margin: 15px 0 0 15px;
64. }
65. #rectangle_top{
66.     width: 98%;
67.     height: 10%;
68.     background-color: black;
69. }
70. p{
71.     padding: 0;
72.     margin: 5px auto 0 0;
73.     font-family: 'Roboto', sans-serif;
74. }
75. input[type="text"]{
76.     height: 4%;
77.     width: 98%;
78. }
79. input[type="button"]{
80.     margin: 15px 0 auto auto;
81.     padding: 0 0 0 0;
82.     width: 99%;
83.     height: 50px;
84.     border-radius: 8px;
85.     border-style: none;
86.     background-color:  #ffa31a;
87. }
88. .textpanel{
89.     float: left;
90.     margin: 15px 0 0 15px;
91.     height: 50%;
92.     width: 63%;
93.    
94.  
95. }
96. #palmy{
97.     height: 60%;
98.     width: 100%;
99.     background-image: url(http://s1.1zoom.me/big0/375/USA_Coast_Hawaii_Palma_482728.jpg);
100.     background-repeat: no-repeat;
101. }
102. #main_text p:first-child{
103.     font-size: 50px;
104.    
105. }
106. #main_text p:nth-child(2){
107.     font-size: 25px;
108. }
109. .ad{
110.     float: left;
111.     height: 50%;
112.     width: 10%;
113.     margin: 15px auto auto 5px;
114.     background-image: url(https://www.tekstowo.pl/upload/soundtracks/9697_big.jpg)
115. }
116. .ad p:first-child{
117.     margin: 0 33% 0 33%;
118.     writing-mode: vertical-rl;
119.     text-orientation: upright;
120.     text-transform: uppercase;
121.     word-wrap: break-word;
122.     font-weight: bold;
123.     font-size: 57px;
124. }
125. .footer{
126.     height: 25%;
127.     width: 100%;
128.     float: initial;
129. }
130. #left{
131.     float: left;
132.     width: 98%;
133.     height: 10%;
134.     background-color: black;
135. }