@font-face {
    font-family: 'archi';
    src: url('/font/archistico.eot');
    src: url('/font/archistico.eot?#iefix') format('embedded-opentype'),
         url('/font/archistico.woff') format('woff'),
         url('/font/archistico.ttf') format('truetype'),
         url('/font/archistico.svg#archisticonormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    margin: 0;
    padding: 0;
    background: #f06d06;
    font-size: 80%;
    position: absolute;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    resize: both;
    overflow: hidden;
}

.main {
    position: absolute;
    width: 60%;
    height: 60%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.6);
    overflow:hidden;
    background:#eee;
}

.image {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    overflow: auto;
    width: 75%;
}

.text {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0.1em;
    font-size: 6em;
    color: #333;
    font-family:"archi","Times New Roman",Times, serif;
}