@font-face
{
    font-family: "ParkLane";
    src: url("../fonts/parklane.regular.ttf") format('truetype');
}

@font-face
{
    font-family: "Broadmoor";
    src: url("../fonts/JosefinSans-Bold.ttf") format('truetype');
}

@font-face
{
    font-family: "VanillaWhale";
    src: url("../fonts/VanillaWhale.otf") format('truetype');
}

*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html
{
    height: 100%;
    scroll-behavior: smooth;
}

.title
{
    background-image: url("../images/main.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 90%, 0 80%);
}

.computerTitle
{
    font-family: "VanillaWhale";
}

.aboutMeSection, .aboutLanguagesSection, .explanationSection
{
    color: white;
}

.aboutMeSection button
{
    background-color: transparent;
    padding: 10px;
    margin-top: 10px;
    font-size: 22px;
    border-radius: 10px;
}

.aboutMeTitle, .aboutLanguagesTitle
{
    font-family: "ParkLane"
}

.aboutMeDescription, .aboutLangaugesDescription
{
    font-size: 24px;
    font-family: "Broadmoor";
    font-weight: 1000;
    font-kerning: none;
}

.allLanguages p, .allLinks p
{
    color: white;
    font-size: 24px;
    margin: 10px;
    padding: 20px;
    font-family: "Broadmoor";
    font-weight: 1000;
    font-kerning: none;
}

button a
{
    text-decoration: none;
}

.list
{
    width: 100%;
}