:root {
    --main-dark: #181926;
    --main-light: #ebeef5;

    --main-white: #dae3ec;
    --main-grey: #5d5d5f;
    --main-black: #1c1b1b;
    --main-orange: #ff9413;
    --main-blue: #538bb9;
}

@media only screen and (max-width: 600px) {
   #terminal-content {
	   font-size: 14px;
	   width: 350px;
   }

   #terminal-input {
	   font-family: 13px;
   }

   .main-wrapper {
       width: 450px;
   }
}

body {
    color: var(--main-white);
    background-color: var(--main-dark);
    font-family: monospace;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    position: relative;
}

h1 {
    margin: 0;
    font-size: 45px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

h3 {
    margin: 0;
    color: #7f848a;
    font-size: 17px;
}

p {
    line-height: 120%;
    margin: 0;
}

pre {
    margin: 0;
}

a {
    color: var(--main-orange);
    text-decoration-style: dashed;
}

a:hover {
    color: var(--main-orange);
    text-decoration: underline;
    cursor: pointer;
}

a:active {
    color: var(--main-dark);
    background-color: var(--main-orange);
    text-decoration: none;
}

a.active-theme {
    background-color: var(--main-orange);
    color: var(--main-dark);
    text-decoration: none;
}

pages-item {
    color: var(--main-orange);
    text-decoration-style: dashed !important;
}

pages-item:hover {
    color: var(--main-orange);
    text-decoration: dashed !important;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #2e2f48;
}

::-webkit-scrollbar-thumb:hover {
    background: #242438;
}

::selection {
    color: #2e2f48;
    background-color: var(--main-white);
}

::-moz-selection {
    color: #2e2f48;
    background-color: var(--main-white);
}

@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.term-grey {
    color: var(--main-white) 8a;
}

.term-green {
    color: #05ce91;
}

.term-orange {
    color: var(--main-orange);
}

.term-purple {
    color: #e04baf;
}

.banner-glow {
    text-shadow: 0px 0px 5px var(--main-white), 0px 0px 10px var(--main-white);
}

.faint-glow-white {
    text-shadow: 0px 0px 5px var(--main-white), 0px 0px 50px var(--main-white);
}

.faint-glow-green {
    text-shadow: 0px 0px 5px #05ce91, 0px 0px 50px #05ce91;
}

.faint-glow-orange {
    text-shadow: 0px 0px 5px var(--main-orange), 0px 0px 50px var(--main-orange);
}

.faint-glow-purple {
    text-shadow: 0px 0px 5px #e04baf, 0px 0px 50px #e04baf;
}

.flex {
    display: flex;
}

.invisible {
    opacity: 0;
}

.info-right {
    text-align: center;
    padding: 0;
    width: 55%;
}

.quote {
    font-size: 25px;
    font-family: cursive;
    font-style: italic;
}

.pnf-main-wrapper {
    text-align: center;
}

.main-wrapper {
    display: inline-block;
    background-color: transparent;

    height: 500px;
    width: 70%;

    padding-top: 0px;
    padding-left: 25px;

    color: var(--main-white);
    font-size: 17px;
}

#terminal {
    display: flex;
    margin-top: 17px;
}

.path {
    margin: 0;
}

@media only screen and (max-width: 1000px) {
	#terminal-content {
		width: 1000px;
	}
}

#terminal-input {
    background-color: transparent;

	border: 0px;
    appearance: none;
    outline-width: 0;
	outline: none;

    margin-left: 10px;

    font-family: monospace;
    font-size: 17px;
    color: var(--main-white);
}

#cursor {
    position: relative;
}

#cursor i {
    width: 10px;
    height: 80%;
    position: absolute;
    left: 5px;
    top: 10%;

    margin-top: 0;

    opacity: 1;
    background-color: transparent;

    animation-name: blink;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

#cursor input:focus + i {
    display: none;
    outline: 0;
}

.bottom {
    padding-bottom: 120px;
}

input[type='checkbox'] {
    height: 14px;
    width: 14px;
    opacity: 0.35;
}

input[type='checkbox']:checked {
    accent-color: #05ce91;
    opacity: 1;
}

input[type='checkbox']:hover {
    cursor: pointer;
}