@import "header.less";
@import "navbar.less"; 

.main-container{
	padding: 0 2rem; 
}

.dt-container{
	height: 90vh;
}

.dt-container_fixed-width{
	width: 1300px;
	margin: 0 auto;
}

.dt-container_flex{
	display: flex;
	overflow: hidden; 
}

.dt-content{
	padding: 50px 20px;
	box-sizing: border-box;
	width: 80vw;
} 

.dt-content_scroll-bar-yes{
	overflow-y: scroll;
}

.dt-content__main-title{
	margin-bottom: 2.5rem;
}

.dt-section{
	
	margin-bottom: 4rem;
	
	&:last-child{
		margin-bottom: 0;
	}
}

.dt-info-block{
	
	margin-bottom: 3rem;
	
	&:last-child{
		margin-bottom: 0;
	}	
}

.code-example{
	
	margin-bottom: 3rem;
	
	&:last-child{
		margin-bottom: 0;
	}		
}

.dt-live-example{
	padding: 4rem 2rem;
}

.dt-live-example_black{
	background-color: #000;
}

@media screen and (max-height: 480px){
	.dt-content{
		width: 70vw;
	} 	
}