@font-face {font-family: "Mont-light"; src: url("../fonts/Montserrat-light.ttf") format("truetype");}
@font-face {font-family: "Mont-Bold"; src: url("../fonts/Montserrat-Bold.ttf") format("truetype");}
@font-face {font-family: "Mont-Regular"; src: url("../fonts/Montserrat-Regular.ttf") format("truetype");}
@font-face {font-family: "Mont-Medium"; src: url("../fonts/Montserrat-Medium.ttf") format("truetype");}
@font-face {font-family: "Mont-Semi-Bold"; src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype");}

*{margin: 0; padding: 0;}
button{cursor: pointer;}

body{background: #121212; width: 100%; display: flex; align-items: center; flex-direction: column; color: white; overflow-x: hidden; position: relative; min-height: 100vh;}
section{position: relative; z-index: 100;}

.content{width: 85%;margin-top: 30px;display: flex;flex-direction: column; position: relative; min-width: 295px; gap: 30px; max-width: 1600px;}

.navigation-bread-crumbs{width: 100%; display: flex; flex-wrap: wrap; font-family: "Mont-Regular"; color: white; gap: 10px; font-size: 12px;}
.navigation-bread-crumbs a{color: white;}
@media(min-width: 800px){.navigation-bread-crumbs{font-size: 16px;}}
@media(min-width: 1280px){.content{width: 80%; }}