/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/poppins.woff2) format('woff2');
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.container {
    height: 700px;
    width: 400px;
    background-color: rgb(36, 38, 47);
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 15px;
    transform: translate(-50%, -50%);
    border-radius: 25px;
    color: rgb(255, 255, 255);
    font-family: "Poppins";
    box-sizing: border-box;
    box-shadow: 0px 0px 15px rgb(255, 214, 92);
    animation: fadeIn ease 0.75s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.pfp {
    margin: 0 auto;
    border-radius: 100px;
    margin-top: 5%;
    max-width: auto;
    max-height: 25%;
    height: auto;
    display: block;
}

.title {
    font-size: 150%;
    display: block;
    margin: 0 auto;
    padding-top: 5%;
    padding-bottom: 3%;
    text-align: center;
}

.titleHlInline {
    font-size: 120%;
    display: inline;
    color: rgb(251, 195, 21);
    text-shadow: 0px 0px 15px rgb(251, 195, 21);
    padding-top: 5%;
    padding-bottom: 3%;
}

.text {
    padding-left: 10%;
    padding-right: 10%;
    font-size: 90%;
    color: rgb(255, 255, 255)
}

.smallText {
    padding-left: 10%;
    padding-right: 10%;
    font-size: 75%;
    color: rgb(87, 82, 82);
    text-align: center;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin-top: 5%;
    margin-bottom: 3%;
    margin-left: 20%;
    margin-right: 20%;
}

.btmNoHl {
    display: block;
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: 3%;
    font-size: 85%;
    color: rgb(167, 167, 167);
    text-align: center;
}

.linkBar {
    display: block;
    margin-bottom: 2%;
    align-items: center;
    text-align: center;
}

.icons {
    display: inline;
    margin-left: 2%;
    margin-right: 2%;
    max-width: 10%;
    max-height: 20%;
    justify-content: center;
    transition: transform .2s;
}

.icons:hover {
    transform: scale(1.25);
}

.mc {
    position: absolutw;
    display: inline;
    margin-right: 2%;
    margin-left: 1%;
    margin-top: 1%;
    max-width: 10%;
    max-height: 20%;
    justify-content: center;
    transition: transform .2s;
    transform: scale(1.25);
}

.mc:hover {
    transform: scale(1.50);
}

.link {
    text-decoration: none;
}

.pollyRef {
    display: inline;
    max-width: 10%;
    max-height: 20%;
    color: rgb(96, 184, 255);
    text-shadow: 0px 0px 15px rgb(96, 184, 255);
}

.pollyRef:link {
    text-decoration: none;
}

.pollyRef:visited {
    text-decoration: none;
}

canvas {
    display: block;
    vertical-align: bottom;
}
  
#particles-js {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgb(36, 38, 44);
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/poppins1.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/poppins2.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/poppins3.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.container {
    height: 700px;
    width: 400px;
    background-color: rgb(31, 33, 41);
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 15px;
    transform: translate(-50%, -50%);
    border-radius: 25px;
    color: rgb(255, 255, 255);
    font-family: "Poppins";
    box-sizing: border-box;
    box-shadow: 0px 0px 15px rgb(255, 214, 92);
    animation: fadeIn ease 0.75s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.pfp {
    margin: 0 auto;
    border-radius: 100px;
    margin-top: 5%;
    max-width: auto;
    max-height: 25%;
    height: auto;
    display: block;
}

.title {
    font-size: 150%;
    display: block;
    margin: 0 auto;
    padding-top: 5%;
    padding-bottom: 3%;
    text-align: center;
}

.titleHlInline {
    font-size: 120%;
    display: inline;
    color: rgb(251, 195, 21);
    text-shadow: 0px 0px 15px rgb(251, 195, 21);
    padding-top: 5%;
    padding-bottom: 3%;
}

.text {
    padding-left: 10%;
    padding-right: 10%;
    font-size: 90%;
    color: rgb(255, 255, 255)
}

.smallText {
    padding-left: 10%;
    padding-right: 10%;
    font-size: 75%;
    color: rgb(87, 82, 82);
    text-align: center;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin-top: 5%;
    margin-bottom: 3%;
    margin-left: 20%;
    margin-right: 20%;
}

.btmNoHl {
    display: block;
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: 3%;
    font-size: 85%;
    color: rgb(167, 167, 167);
    text-align: center;
}

.linkBar {
    display: block;
    margin-bottom: 2%;
    align-items: center;
    text-align: center;
}

.icons {
    display: inline;
    margin-left: 2%;
    margin-right: 2%;
    max-width: 10%;
    max-height: 20%;
    justify-content: center;
    transition: transform .2s;
}

.icons:hover {
    transform: scale(1.25);
}

.mc {
    position: absolutw;
    display: inline;
    margin-right: 2%;
    margin-left: 1%;
    margin-top: 1%;
    max-width: 10%;
    max-height: 20%;
    justify-content: center;
    transition: transform .2s;
    transform: scale(1.25);
}

.mc:hover {
    transform: scale(1.50);
}

.link {
    text-decoration: none;
}

.pollyRef {
    display: inline;
    max-width: 10%;
    max-height: 20%;
    color: rgb(96, 184, 255);
    text-shadow: 0px 0px 15px rgb(96, 184, 255);
}

.pollyRef:link {
    text-decoration: none;
}

.pollyRef:visited {
    text-decoration: none;
}

canvas {
    display: block;
    vertical-align: bottom;
}
  
#particles-js {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgb(90, 98, 121);
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}