/*GENERAL DETAILS*/

@font-face{
    font-family: sora-light;
    src: url('../assets/fonts/Sora-Light.ttf');
}

@font-face{
    font-family: sora-regular;
    src: url('../assets/fonts/Sora-Regular.ttf');
}

@font-face{
    font-family: sora-semibold;
    src: url('../assets/fonts/Sora-SemiBold.ttf');
}

@font-face{
    font-family: sora-bold;
    src: url('../assets/fonts/Sora-Bold.ttf');
}

:root{
    /*--COLORS--*/
    --black: #121212;
    --lblack: rgba(0,0,0,0.1);
    --white: #FAFAFA;
    --lwhite: #E5E5E5;
    --dpale: #414141;
    --pale: #D3D3D3;
    --dprimary: #41077A;
    /*--primary: #7E06F6;*/
    --lprimary: #D6ADFF;
    --danger: #FF0000;
    
    
    /*FONTS*/
    --light: sora-light;
    --normal: sora-regular;
    --semi: sora-semibold;
    --bold: sora-bold;
    
    
    /*BORDER RADIUS*/
    --br-big: 1.5rem;
    --br-small: 0.8rem;
    --btn-br: 0.6rem;
}

html{
    scroll-behavior: smooth;
}


*,
body{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    transition: 0.5s ease all;
}

body{
    font-family: var(--normal);
    font-size: 16px;
}

main{
    width: 100%;
    max-width: 900px;
}

input,
button,
textarea{
    border: 0;
    outline: none;
    resize: none;
    background: transparent;
}

button{
    opacity: 0.8;
}

/*GENERAL STYLES*/

.fw{
    width: 100%;
}

.fh{
    height: 100%;
}

.round{
    border-radius: 50%;
}

.flex{
    display: flex;
}

.ac{
    align-items: center;
}

.jc{
    justify-content: center;
}

.jsb{
    justify-content: space-between;
}

.center{
    display: flex;
    align-items: center;
    justify-content: center;
}

.tc{
    text-align: center;
}

img,
video{
    width: 100%;
    height: 100%;
}