html_css
128 строк · 2.1 Кб
1@font-face {2font-family: TruenoRoundBd;3src: url("fonts/TruenoRoundBd.otf") format("opentype");4}
5@font-face {6font-family: VarelaRoundRegular;7src: url("fonts/VarelaRound-Regular.otf") format("opentype");8}
9
10.navmenu__main {11display: flex;12gap: 10px;13margin-bottom: 5px;14
15}
16
17.navmenu__flexboxtitle {18font-family: TruenoRoundBd;19font-size: 18px;20text-decoration: none;21color: black;22}
23
24.navmenu__home {25display: flex;26width: 33%;27margin: 0;28padding: 0;29justify-content: center;30}
31
32.navmenu__menu {33display: flex;34text-align: center;35width: 33%;36margin: 0;37padding: 0;38justify-content: space-around;39list-style-type: none;40}
41.navmenu__btn-contact {42display: flex;43width: 33%;44margin: 0;45padding: 0;46justify-content: center;47}
48
49.main__container {50background-color: #f1ddca;51min-height: 96vh;52padding: 0px;53margin: 0px;54display: flex;55justify-content: center;56align-items: center;57
58}
59
60.main__input {61background-color: white;62display: flex;63flex-direction: column;64padding: 20px;65gap: 5px;66min-width: 300px;67}
68
69.main__forminput {70padding: 5px;71min-width: 285px;72}
73
74.refitem {75color: #970000;76text-decoration: none;77font-family: VarelaRoundRegular;78font-weight: lighter;79font-size: 11px;80}
81.refitem:hover {82opacity: .8;83}
84
85.main__menuheader {86display: flex;87font-family: VarelaRoundRegular;88font-weight: lighter;89font-size: 22px;90margin: 0;91justify-content: center;92}
93
94.btn {95display: flex;96color: white;97background: #a14434;98border-style: none;99font-size: 11px;100padding: 5px 20px;101justify-content: center;102align-items: center;103align-self: center;104}
105
106.btn:hover {107opacity: .8;108
109}
110
111@media only screen and (max-width: 430px) {112.navmenu__main {113flex-wrap: wrap;114gap: 0px;115}116.navmenu__menu {117order: 1;118width: 100%;119}120.navmenu__home {121width: 50%;122justify-content: left;123}124.navmenu__btn-contact {125width: 50%;126justify-content: right;127}128}