﻿.TopPanel {
    backdrop-filter: blur(20px) brightness(160%) saturate(80%);
    border-radius: 5px;
    padding: 10px;
    margin: 20px;
}
input {
    border: 0;
    border-radius: 3px;
}

    input[type=checkbox] {
        position: relative;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

        input[type=checkbox]:hover {
            box-shadow: 0px 0px 3px 3px lightblue;
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }

        input[type=checkbox]:after {
            content: "";
            display: inline-block;
            width: 20px;
            height: 20px;
            background: lightblue;
            border-radius: 3px;
        }

        input[type=checkbox]:checked:after {
            content: "";
            background-image: url('/img/CheckedICON.png');
            background-repeat: no-repeat;
            background-size: 100%;
            background-color: lightpink;
            border: none;
        }

        input[type=checkbox]:checked:hover {
            box-shadow: 0px 0px 3px 3px lightpink;
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }

.aboutCenter {
    display: grid;
    justify-content: center;
}

    .aboutCenter p {
        margin-top: 10px;
    }

.aboutIcon {
    border-radius: 10px;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
}
.teamIfm {
    display: grid;
    justify-content: center;
}
.teamIcon {
    width: 160px;
    background-repeat: no-repeat;
}
.LinkPanel {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

#Link_GithubBtn {
    height: 50px;
    width: 200px;
    background-image: url('/img/Github.png');
    background-size: 36px;
    background-position: 10px;
    background-repeat: no-repeat;
    background-color: lightyellow;
}

#Link_MailBtn {
    height: 50px;
    width: 200px;
    background-image: url('/img/EmailICON.png');
    background-size: 36px;
    background-position: 10px;
    background-repeat: no-repeat;
    background-color: lightyellow;
    margin-left: 20px;
}
#Link_GroupBtn {
    height: 50px;
    width: 200px;
    background-image: url('/img/GroupICON.png');
    background-size: 36px;
    background-position: 10px;
    background-repeat: no-repeat;
    background-color: lightyellow;
    margin-left: 20px;
}