#root, body, html {
    height: 100%;
    width: 100%
}

p {
    margin: 0
}

a, a:hover, a:visited, a:active {
    text-decoration: none;
    color: inherit;

}

* {
    box-sizing: border-box
}

@font-face {
    font-family: Montserrat;
    src: url('../../fonts/Montserrat-Medium.woff')
}

.supsub {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    vertical-align: middle;
    font-size: 50%
}

body {
    margin: 0;
    font-family: Montserrat, Verdana, sans-serif, -apple-system, BlinkMacSystemFont, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body.impaired * {
    transition: none !important;
    transition-delay: 0s !important;
    box-shadow: none !important
}

body {
    border-color: #ffffff;
}

html {
    border-color: white;
    font-size: 100px
}
html {
    font-size: 100px;

}

@media (max-width: 1800px) {
    html {
        font-size: 98px;
    }
}
@media (max-width: 1270px) {
    html {
        font-size: 95px;
    }
}
@media (max-width: 1023px) {
    html {
        font-size: 80px;
    }
}
@media (max-width: 767px) {
    html {
        font-size: 70px;
    }
}
@media (max-width: 639px) {
    html {
        font-size: 60px;
    }
}
[contentEditable=true]:empty:not(:focus):before {
    content: attr(data-placeholder);
    pointer-events: none
}

.prof {
    position: absolute;
    left:0.17rem;
    bottom: 0.1rem;
}
.homeBtn {
    position: absolute;
    left:0.07rem;
    top: 15%;
    margin: 0.08rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    width: .35rem;
    height: 1.55rem;
    background-color: #FF7276;
    color: #fff;
    font-size: .22rem;
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    text-align: center;
    border-radius: 0.05rem;
    opacity: .7;
    z-index: 10;
    transition: opacity .3s ease
}

.homeBtn:hover {
    opacity: 1
}
.workplace {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    text-align: center;
    margin-left: 0.5rem;
}

.module {
    flex: 1 0 auto;
    width: 100%;
    margin: auto;
    display: inline-block;
}