@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tyr-Regular';
    src: url('./fonts/Tyr-Regular.otf') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'THOR-Regular';
    src: url('./fonts/THOR-Regular.otf') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LOKI-Regular';
    src: url('./fonts/LOKI-Regular.otf') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HORD-Regular';
    src: url('./fonts/HORD-Regular.otf') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GULLVEIG-Regular';
    src: url('./fonts/GULLVEIG-Regular.otf') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FREYJA-Regular';
    src: url('./fonts/FREYJA-Regular.otf') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BALDUR-Regular';
    src: url('./fonts/BALDUR-Regular.otf') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SANGJU-Gotgam';
    src: url('./fonts/SANGJU-Gotgam.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
}




textarea {    
        width: 100%;
        height: 62.5rem;
        padding: 10px 45px;
        box-sizing: border-box;
        border: solid 1.5px black;
        border-radius: 5px;
        font-size: 180px;
        resize: both;
        text-transform: uppercase;
    }

    textarea:focus {
        outline: none;
    }

body {    
    font-family: 'SANGJU-Gotgam';
}

input {
    margin: 25px;
    padding: 20px 70px;
    background-color: transparent;
    border: none;
    font-size: 30px;
}
input:focus{
    outline: none;
}

.clicked{
    margin: 100px;
}
.tyrArea{
    font-family: 'Tyr-Regular';
}

.BALDURArea{
    font-family: 'BALDUR-Regular';
}
.LOKIArea{
    font-family: 'LOKI-Regular';
}
.THORArea{
    font-family: 'THOR-Regular';
}
.HODRArea{
    font-family: 'HORD-Regular';
}
.FREYJArea{
    font-family: 'FREYJA-Regular';
}
.GULLVEIGArea{
    font-family: 'GULLVEIG-Regular';
}