@import 'tailwindcss/base';
    @import 'tailwindcss/components';
    @import 'tailwindcss/utilities';
    /* Your custom styles go here */
    
    body {
        font-family: 'Poppins', sans-serif;
    }
    
    h1,
    h2,
    h3,
    h4 {
        font-family: 'Poppins', sans-serif;
        font-weight: bold;
    }
    
    p {
        font-family: 'Poppins', sans-serif;
        font-weight: bold;
    }
    
    @media (max-width: 640px) {
        .flex {
            flex-direction: inline;
        }
        .w-1/3 {
            width: 100%;
        }
    }
    
    @media (max-width: 639px) {
        body {
            width: 103%;
        }
    }

/* Daxson */
	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}
* Wrapper */

	#wrapper {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		position: relative;
		min-height: 100vh;
		width: 100%;
		padding: 4rem 2rem;
		z-index: 3;
	}

		#wrapper:before {
			content: '';
			display: block;
		}

		@media screen and (max-width: 1680px) {

			#wrapper {
				padding: 3rem 2rem;
			}

		}

		@media screen and (max-width: 736px) {

			#wrapper {
				padding: 2rem 1rem;
			}

		}

		@media screen and (max-width: 480px) {

			#wrapper {
				padding: 1rem;
			}

		}

h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
			border-bottom: solid 1px #ffffff;
			width: -moz-max-content;
			width: -webkit-max-content;
			width: -ms-max-content;
			width: max-content;
			padding-bottom: 0.5rem;
			margin: 0 0 2rem 0;
		}