/*
    The Secuela font family is licensed under the SIL Open Font License
    https://github.com/defharo/secuela-variable
*/
@font-face {
  font-family: 'Secuela Condensed';
  src: url('/assets/SecuelaCondensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Secuela Condensed';
  src: url('/assets/SecuelaCondensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

html, body {
  background-color: #ffffff;
    margin: 0px;
    width: 100%;
    height: 100%;
    padding: 0px;
    overflow-x: hidden;
}

.sectionDiv{
    width: 100%;
    background-color: #ffffff;
}

.circleButton{
    cursor: pointer;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    display: inline-block;
}

.circleButton:hover{
    background-color: #2a36b1;   
}

.featuresDiv{
    width:33%;
    display:inline-block;
    vertical-align:top;  
}

.featureTitle{
    font-size: 40px;
    width:50%;
    margin:0 auto; 
    margin-bottom:16px;
    margin-top: 48px;
    font-family: 'Secuela Condensed', sans-serif;
    font-weight: 400;
}

.featureSubItem{
    width:50%;
    margin:0 auto;
    margin-bottom: 8px;
    font-size:20px;
    font-family: 'Secuela Condensed', sans-serif;
    font-weight: 300;
}

.openSourceSubItem{
    font-size:25px;
    font-family: 'Secuela Condensed', sans-serif;
    font-weight:300;
    color:#ffffff; 
    margin-left: 16px;
}