.icon {
transition-duration: 250ms;
}

.icon:hover {
color: white;
}

.terminal-bar {
background-color: #eae8e9;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display: flex;
position: relative;
}

.dark-mode {
background-image: linear-gradient(180deg, #464248 0%, #3b383d 100%);
border-bottom: 1px solid rgba(66, 66, 66, 0.5);
}

.dark-mode-text {
color: #bdb9bf !important;
}

.icon-btn {
border-radius: 50%;
margin-top: 7px;
height: 15px;
width: 15px;
margin-bottom: 0.5rem;
}

.terminal-bar > div.icon-btn:first-child {
margin-left: 0.6rem;
}

.terminal-bar > div.icon-btn:not(:first-child) {
margin-left: 0.5rem;
}

.terminal-bar > div.icon-btn:last-child {
margin-right: 0.6rem;
}

.close {
background-color: #fa615c;
}

.max {
background-color: #3fc950;
}

.min {
background-color: #ffbd48;
}

.terminal-window {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
height: 700px;
padding: .5rem 0rem 0rem .5rem;
display: flex;
flex-direction: column;
}

.primary-bg {
background-color: rgb(23, 42, 69);
}

pre {
background-color: rgb(23, 42, 69);
color: inherit;
}

.shadow {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.55);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.55);
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}

.terminal-bar-text {
position: absolute;
font-family: 'Lato', sans-serif;
font-weight: 900;
margin-top: 3px;
color: #383838;
width: 100%;
text-align: center;
font-weight: 500;
}

.terminal-output {
overflow-y: hidden;
overflow: auto;
}

.column-child {
flex: 1;
}

.terminal-line {
position: relative;
font-family: 'Anonymous Pro', monospace;
font-size: .9rem;
color: #b7c5d2;
}

.diirectory {
color: #75e1e7;
font-weight: 500;
}

.succeess {
color: #8dd39e;
}

.code {
color: #d7566a
}

.dummy-keeyboard {
opacity:0;
filter:alpha(opacity=0);
}

::-webkit-scrollbar {
display: none;
}

@media screen and (max-width: 768px) {
.resume {
    padding-bottom: 0.5rem;
}
}