html, body {
 overflow-x:hidden;
 width:100%;
 max-width:100%;
 margin:0;
 padding:0;
}


.container {
 width:100%;
 max-width:1200px;
 box-sizing:border-box;
 padding:0 20px;
 margin:0 auto;
 overflow:hidden;
}


main, .main-content {
 display:block;
 width:100%;
 max-width:800px;
 margin:0 auto;
}


.main-nav {
 position:fixed;
 top:0;
 right:-300px;
 width:250px;
 height:100vh;
 background-color:rgba(0, 10, 30, 0.95);
 transition:all 0.4s ease;
 z-index:1000;
}

.main-nav.active {
 right:0;
}


section {
 width:100%;
 max-width:800px;
 margin:80px auto;
 padding:40px 20px;
 box-sizing:border-box;
}


.types-list {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 gap:10px;
 margin:20px 0;
}

.type-tag {
 display:inline-block;
 padding:8px 15px;
 background-color:rgba(0, 50, 100, 0.5);
 border-radius:20px;
 margin:5px;
}


ul, ol {
 padding-left:20px;
 margin:20px 0;
}

li {
 margin-bottom:10px;
}


.logo-sample, .creator-avatar, .company-logo {
 display:block;
 margin:0 auto;
 max-width:100%;
}


@media (max-width:768px) {
 section {
 padding:20px 15px;
 margin:40px auto;
 }
 
 .type-tag {
 padding:5px 10px;
 margin:3px;
 }
}