@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h35 { height: 35px; }
.h40 { height: 40px; }
.h45 { height: 45px; }
.h50 { height: 50px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }

body { font-family: "Barlow Condensed", sans-serif; }
a { color: #c5114a; text-decoration: none; }
a:hover { text-decoration: none; }

.sectionHeader { font-family: "Barlow Condensed", sans-serif; font-size: 2em; }
.pciTitle { font-family: "Barlow Condensed", sans-serif; font-size: 1.3em; }
.pciText { font-family: "Barlow Condensed", sans-serif; font-size: 1.3em; color: #c5114a; font-weight: 600; }
.sectionNetwork { background-color: #ffdde8; padding: 15px; border-radius: 10px;}
.copyDisplay { display: none; }


.ip {
    background: rgb(209, 245, 188);
    padding: 10px;
    font-size: 1.6em;
    font-weight: 600;
}

.header {
    font-size: 1.4em;
    font-weight: 600;
}

.btn-primary {
    background: #c5114a;
    border-color: #c5114a;
}

.btn-primary:hover {
    background: #ffffff;
    border-color: #c5114a;
    color: #c5114a;
}

.btn-primary:visited {
    background: #000000;
    border-color: #c5114a;
    color: #ffffff;
}

.hint {
    font-weight: 1em;
    color: #c5114a;
    font-weight: 500;
    animation: blinker 1s 2;
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}