@import "./main.css";
@import "./wrapper.css";
@import "./administracion.css";
@import "./diseno.css";
@import "./desarrollo.css";
@import "./title.css";
@import "./button.css";
@import "./galery.css";
@import "./popup.css";
@font-face {
    font-family: "DINCondensed-Bold";
    src: url("../fonts/D-DINCondensed-Bold.otf");
}

@font-face {
    font-family: "DINCondensed";
    src: url("../fonts/D-DINCondensed.otf");
}

@font-face {
    font-family: "DINItalic";
    src: url("../fonts/D-DIN-Italic.otf");
}

:root {
    --fontBase: 'DINCondensed', sans-serif;
    --fontSec: 'DINCondensed-Bold', sans-serif;
    --fontItalic: 'DINItalic', sans-serif;
    --headline1: bold 95px/153px var(--fontBase);
    --headline2: bold 59px/95px var(--fontBase);
    --headline3: bold 20px/27px var(--fontBase);
    --headline4: bold 13px/16px var(--fontBase);
    --headline5: bold 11px/13px var(--fontBase);
    --headline6: bold 10px/12px var(--fontBase);
    --headline2Sec: bold 30px/40px var(--fontSec);
    --headline3Sec: bold 16px/19px var(--fontSec);
    --headline4Sec: bold 14px/16px var(--fontSec);
    --headline4Italic: bold 13px/16px var(--fontItalic);
    --headline5Italic: bold 11px/13px var(--fontItalic);
    --body1: 16px/25px var(--fontBase);
    --body2: 14px/22px var(--fontBase);
    --button: bold 14px/22px var(--fontBase);
    --caption: 12px/19px var(--fontBase);
    --gradient: radial-gradient(41.48% 11.48% at 2.38% 8.52%, #747DE9 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(135deg, #72EDF2 0%, #5151E5 100%);
    --purple: #310A90;
    --green: #80D59B;
    --white: white;
    --black: #1D1D1B;
    --pink: #F8DBDB;
    --pink2: #E06369;
    --pink3: #EAABB2;
    --celeste: #EDF0F7;
    --blue: #62788F;
    --grey: #EDEFF7;
}

body {
    /*background: var(--gradient);*/
    min-block-size: 100vh;
    /*font: var(--body1);
    color: var(--purple);*/
    margin: 0;
}