@font-face {
    font-family: Main;
    src: url("../font/norwester.html") format("opentype");
}

.font-main {
    font-family: 'Main', sans-serif;
    font-weight: normal;
    color: white;
}

.font-text {
    font-family: 'Main', sans-serif;
    font-weight: normal;
}

.font-light-titles {
    font-family: 'Arial', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.font-light-titles.initial{
    text-transform: initial;
}

a {
    color: white;
    text-decoration: none;

    border-bottom:  1px solid white;
    padding-bottom: 1px;
}

body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;

    background-color: #472345;
}

.dark-violet-bg {
    background-color: rgba(52, 16, 53, 0.55);
}

.text-dark-violet {
    color: #341035;
}

.margin-top-m15px {
    margin-top: -15px;
}

.margin-top-20px {
    margin-top: 20px;
}

.margin-top-90px {
    margin-top: 90px;
}

.margin-top-145px {
    margin-top: 145px;
}

.margin-top-45px {
    margin-top: 45px;
}

.margin-left-right-10px {
    margin: 0 10px;
}

.text-companies {
    font-size: 32px;
}

.text-presents {
    font-size: 14px;
}

.box-10weeks {
    margin: 30px;
}

.text-10weeks {
    font-size: 43px;
    border: solid 1px white;
    padding: 10px 20px 10px 20px;
}

.text-summer-code {
    font-size: 174px;
    line-height: 0.8;
}

.text-summer-OF-code {
    font-size: 35px;
}

.text-profile-links {
    font-size: 17px;
    line-height: 0.8;
    text-transform: lowercase;
}

.text-profile-links-youtube {
    padding: 15px;
    background-repeat: no-repeat;
    background-image: url("../icon/youtube-icon_3.svg");
}

.text-profile-links-github {
    padding: 15px;
    background-repeat: no-repeat;
    background-image: url("../icon/git-icon.svg");
}

.text-profile-links-web {
    padding: 15px;
    background-repeat: no-repeat;
    background-image: url("../icon/web-icon.svg");
}

.text-tech {
    font-size: 28px;
}

.text-tech span {
    margin: 0 5px;
}

.text-learn-coding {
    font-size: 67px;
    font-style: italic;
    color: #EC027E;
}

.text-cross-tech {
    font-size: 14px;
}

.text-register {
    font-size: 29px;
    background-color: #EC027E;
    padding: 5px 136px;
    color: white;
    letter-spacing: 1px;
}

.box-text-register {
    margin: 15px;
}

.scroll-for-more-arrow {
    padding: 25px;
    background-repeat: no-repeat;
    background-image: url("../icon/arrow.svg");
}

.lateral-shadow {
    box-shadow: 0 0 21px 8px rgba(0, 0, 0, 0.26);
}

.first-bg {
    background-image: url("../raster/image-center.png");
    background-repeat: no-repeat;
    background-position: center;
}

.footer-bg {
    background-image: url("../raster/footer-bg.png");
    background-repeat: no-repeat;
    background-position: center;
}

.max-width {
    max-width: 1440px!important;
}

.line-bg {
    padding: 5px;
    background-image: url("../raster/line.png");
    background-repeat: no-repeat;
    background-position: center;
}

.section-line-bg {
    padding: 10px;
    background-image: url("../raster/colored-textured-line.png");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999;
}

.text-timeline {
    font-size: 27px;
    background-color: #EC027E;
    padding: 5px 136px;
    color: #341035;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.align-left {
    text-align: left;
}

.padding-0 {
    padding: 0;
}

.padding-70 {
    padding: 70px;
}

.padding-70-0 {
    padding: 40px 0;
}

.article-parent {
    /*width: 100%;*/
    margin: 30px 10px;
}

.article {
    /*width: 100%;*/
    background-color: #343458;
    border-radius: 20px;
    padding: 20px;
}

.text-article-title {
    font-size: 28px;
    color: #EC027E;
    letter-spacing: 1px;
}

.text-article-milestone {
    font-size: 22px;
    color: #F6C644;
    font-style: italic;
    letter-spacing: 1px;
}

.text-disclaimer {
    border: 1px solid #EC027E;
    padding: 10px 40px;
}

.font-article {
    font-family: 'Arial', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 27px;
}

.star-bg {
    margin-right: 10px;
    padding: 16px;
    background-image: url("../raster/star.png");
    background-repeat: no-repeat;
    background-position: center;
}

.copyleft {
    display:inline-block;
    transform: rotate(180deg);
}

.esempla-logo {
    margin-right: 10px;
    background-image: url('../vector/logo-esempla2.svg');
    background-repeat: no-repeat;
    background-position: center;
    padding: 100px;
}