@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);
/*
@tailwind base;
@tailwind components;
@tailwind utilities;

*/

html{line-height:1.15;-webkit-text-size-adjust:100%}

body{
	font-size: 16px;
    font-family: 'Poppins', sans-serif;
    margin:0; color:#fff;  
    background-color: #371721;
}

nav .container {
	display: flex; 
	align-items: center;
	background: rgb(181,54,85);
	background: linear-gradient(45deg, rgba(181,54,85,1) 0%, rgba(133,23,128,1) 100%);
}

.container {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 2%;
    padding-bottom: 2%;
}

a {
	color: #fff;
}

a:hover {
	color: #ec8528;;
}

h2 a {
	text-decoration: none;
}

nav a {
	text-decoration: none;
	font-weight: bold;
	margin-left: 20px;
}

.button {
	background-color: #ec8528;
	color: #371721;
	font-weight: bold;
	padding: 10px;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
	border: 0;
}

.button:hover {
	background-color: #fff;
	color: #371721;
}

h2 {
	font-size: 36px;
	margin-top: 65px;
}
h3 {
	font-size: 28px;
	margin-top: 60px;
}
table {
	border-top: 1px solid rgba(255,255,255,0.4);
	border-spacing: 0;
}
table tr td {
	padding: 10px;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}

table tr td:last-child {
	text-align: right;
}


.block {
	background: rgb(82,40,62);
	background: linear-gradient(342deg, rgba(82,40,62,1) 0%, rgba(94,27,86,1) 100%);
	padding: 1.5rem;
	border-radius: 0.5rem;
	margin-bottom: 40px;
	margin-top: 40px;
}

.block h2 {
	margin-top: 15px;
	opacity: 0.6;
}

input[type=password],input[type=email],input[type=text] {
	width: 50%;
	padding: 10px;
	font-size: 18px;
	border-radius: 5px;
	border: 0;
}

textarea {

	border-radius: 5px;
}

.code-wrapper {
	display: block;
	background-color: #000;
	padding: 15px;
	max-width: 100%;
	overflow-x: scroll;
}

code {
	color: #00ff44;	
}

code.big {
	font-weight: bold;
}


footer {
	text-align: center;
}