48 lines
648 B
CSS
48 lines
648 B
CSS
|
:root {
|
||
|
--round: 20px;
|
||
|
--border: 100px;
|
||
|
}
|
||
|
|
||
|
@font-face {
|
||
|
font-family: 'Sora';
|
||
|
src: url('sora.ttf');
|
||
|
}
|
||
|
|
||
|
* {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
background-color: #101010;
|
||
|
font-family: 'Sora';
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
|
||
|
#wrapper {
|
||
|
width: 100vw;
|
||
|
height: 100vh;
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
}
|
||
|
|
||
|
#dropzone {
|
||
|
width: calc(100vw - var(--border));
|
||
|
height: calc(100vh - var(--border));
|
||
|
border-radius: var(--round);
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
}
|
||
|
|
||
|
.nodrop {
|
||
|
background-color: #f5f5f5;
|
||
|
outline: 2px dashed #d5d5d5;
|
||
|
}
|
||
|
|
||
|
.drop {
|
||
|
background-color: #ffb703;
|
||
|
outline: 2px dashed #fb8500;
|
||
|
}
|