<!--HTML-->
<style type="text/css">
.frame-sive{
    position: relative;
    height: 500px;
    width: 500px;
    margin: auto;
    border: 24px solid #efefef;
}

.sive-image {
    position: absolute;
    background-image: url(https://i.imgur.com/Zkdkf1r.png);
    height: 500px;
    width: 500px;
}



.title-sive {
    font-size: 32px;
    margin: 10px;
    font-weight: bold;
    text-align: center;
}

.sign-sive {
    font-size: 32px;
    margin: 10px;
    font-weight: bold;
    text-align: right;
}

.desc_sive{
    height: 482px;
    width: 482px;
    left: 50%;
    transition: all .6s ease-out;
    background-color: #fff;
    position: absolute;
    z-index: 8;
    top: -5px;
    opacity: 0;
    padding: 15px;
    overflow-y: auto;
    font-size: 10px;
    text-transform: lowercase;
}



.sive-image:hover > .desc_sive{
    left: -5px;
    top: -5px;
    opacity: 1;
}

.sive-image:hover > .sive-text {
    opacity: 0;
}

.sive-text {
    width: 300px;
    /* height: 120px; */
    background: transparent;
    /* margin: auto; */
    position: absolute;
    color: #fff;
    /* margin-top: 50%; */
    margin-top: 80%;
    margin-left: 20%;
    z-index: 200;
    padding: 10px;
    font-size: 46px;
    text-align: center;
    /* border: 10px solid #710609; */
    text-transfrom: uppercase;
    text-transform: uppercase;
    font-family: "Bebas Neue";
    letter-spacing: 2px;
}

.sive-first-block{
display: inline-block;
    width: 485px;
}

.sive-about{
    text-align: justify;
    width: 230px;
    padding: 2%;
    display: inline-block;
    font-size: 10px;
    text-transform: lowercase;
}

.sive-profile{
    display: inline-block;
    width: 210px;
    padding-left: 20px;
    padding-top: 25px;
    /* margin-top: -5px; */
    vertical-align: top;

}

.sive-profile img {
margin-bottom: 5px;
    width: 200px;
    height: 200px;
    filter: grayscale(1);
    transition: filter 2s ease;
}

.sive-profile img:hover {
     filter: none;
}

.subtitle-sive {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.chrono-sive {
    text-align: left;
    margin-top: 8px;
    margin-left: 10px;
    width: 420px;
    padding: 4px 4px 4px 10px;
    line-height: 16px;
    border-left: 8px solid #efefef;
    margin-bottom: 8px;
}

.relations-sive {
width: 460px;

}



.sive_universe {
background-color: #efefef;
padding: 6px;
margin-top: 10px;
}

.sive_iconostasis {
    width: 440px;
    overflow-x: hidden;
    /* height: 90px; */
    overflow-y: hidden;
    margin-top: 20px;
}

.sive_iconostasis img {
    margin-left: 6px;
    margin-bottom: 10px;
    display: inline-block;
    filter: grayscale(0.5);
    transition: all .6s ease-out;
}

.sive_iconostasis img:hover {
   filter: none;
   position: relative;
   z-index: 10;
}


.sive_ae {
    margin: 10px 0 0 0;
    width: 460px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 5px;
}

.sive_ae img {
    margin: 10px 9px 0px 9px;
    display: inline-block;
    transition: all .6s ease-out;
    filter: grayscale(0.5);
}

.sive_ae img.extra {
width: 290px;
height: 167px;
}

.sive_ae img:hover {
   filter: none;
}

.sive_slogan {
    width: 98%;
    text-align: center;
    padding: 4px;
    margin-top: -6px;
    border-bottom: 1px solid #000;
}

.sive-coupons {
text-align: center;
}

.sive-coupons img {
margin-left: 3px;
margin-bottom: 3px;
}

.sive-gifts {
text-align: center;
    margin: 5px;
    padding: 5px;
    border: 5px solid #efefef;
}


}

</style>

<script>
var bigsize = "442"; //Размер большой картинки
var smallsize = "210"; //Размер маленькой картинки
function changeSizeImage(im) {
  if(im.width == bigsize) im.width = smallsize;
  else im.width = bigsize;
}
</script>

<script>
var avbigsize = "180";
var avsmallsize = "100";
function changeSizeAvImage(im) {
  if(im.width == avbigsize) im.width = avsmallsize;
  else im.width = avbigsize;
}
</script>


<div class="frame-sive">
<div class="sive-image">
<div class="sive-text">Dear Sive!</div>
<div class="desc_sive">
<div class="title-sive">ho-ho, дорогая!</div>
<div class="sive_slogan">не бойся это я твой санта</div>
<div class="sive-first-block">
<div class="sive-profile"><img src="https://i.imgur.com/3piFShL.png"></div>
<div class="sive-about"><br>ну здравствуй, моя хорошая! <br><br> застрял твой дед в пробках предновогодних, да и поймать тебе сов, уставших от жизни было не так уж и просто, но кто, если не я, должен справляться со сложными задачками перед новым годом? вот-вот! вот я и справился!<br><br>
читал я все твои пожелания - очки даже достал, ну что могу тебе сказать? будем исполнять! пожеланий у тебя, конечно, немного, так что ты на деда не серчай за его импровизацию - старый он, классику любит. надеюсь, что и тебе понравится!</div>
</div>

<br><br>
Посмотрел я каких купонов тебе не хватает для счастья и, что логично, принёс буквально все, ну а как иначе? Иначе просто невозможно!
 <br><br> Надеюсь, что все они к месту и все нужны! В любом случае дарю от души душевно и <b>желаю тебе</b> в новом году благополучия всякого, настроения хорошего, мудаков, чтобы рядом не было, и чтобы поводов для улыбок было как можно больше!
<br><br>
<div class="title-sive">внимание! купоны</div>
<div class="sive-coupons">
<img src="https://i.imgur.com/zteSnii.png" title="фестиваль: +1 платное (за 200 000 сакр) задание"> <img src="https://i.imgur.com/tP8NT5O.png" title="не рекламить в еженедельке (1 неделя)"> <img src="https://i.imgur.com/lfQxxQB.png" title="10 баллов кирпичей"> <img src="https://i.imgur.com/6OXwLeC.png" title="скидка на плашку 50%"> <img src="https://i.imgur.com/FClw9Eo.png" title="1 фаворит к лимиту, на один вердикт"> <img src="https://i.imgur.com/Ld1baGj.png" title="подарить 3 подарка за раз (не бесплатно)> <img src="https://i.imgur.com/Fvvq3nh.png" title="подарить 2 подарка за раз (бесплатно)"> <img src="https://i.imgur.com/X7ScUjv.png" title="бесплатный подарок (кроме сезонных и эксклюзивных)"> <img src="https://i.imgur.com/XoSnbKl.png" title="собрать награду башни мага для другого"> <img src="https://i.imgur.com/2FtJV74.png" title="выбрать героя горячего стула без голосования"> <img src="https://i.imgur.com/jpjOpAy.png" title="реклама с нужным бесплатно"> <img src="https://i.imgur.com/W2z0VZa.png" title="нужный в таблицу бесплатно"> <img src="https://i.imgur.com/caoXiUX.png" title="срочный привет в календарь бесплатно"> <img src="https://i.imgur.com/WAdo8OQ.png" title="место активиста в таблице"> <img src="https://i.imgur.com/LMQ9gY7.png" title="смена внешности бесплатно"> <img src="https://i.imgur.com/KmVhGlP.png" title="выбрать фото недели"> <img src="https://i.imgur.com/TD7QfXY.png" title="пропуск дня в аэстетик челлендже"> <img src="https://i.imgur.com/j6qf9we.png" title="бесплатная плашка"> <img src="https://i.imgur.com/ccxKQFP.png" title="пропуск задания с постом в еженедельке"> <img src="https://i.imgur.com/S2gJFBJ.png" title="фестиваль: возможность брать задание одновременно с кем-то из своей лиги"> <img src="https://i.imgur.com/3CaVTGX.png" title="50 баллов кирпичей"> <img src="https://i.imgur.com/eOKfkkJ.png" title="пропуск хода в тотемах"> <img src="https://i.imgur.com/7pCxHJI.png" title="поделить задания награды башни мага пополам"> <img src="https://i.imgur.com/UknrLe4.png" title="поделить задания недели квеста недели"> <img src="https://i.imgur.com/j9X5D5E.png" title="придержать внешность на неделю"> <img src="https://i.imgur.com/qrlL7fy.png" title="придержать внешность на месяц"> <img src="https://i.imgur.com/i4PYjgK.png" title="одна единица коллекции автоматом"> <img src="https://i.imgur.com/HKrvGiq.png" title="вторая роль без выполнения условий"> <img src="https://i.imgur.com/zPWMDS7.png" title="вычеркнуть профиль из списка на удаление"> <img src="https://i.imgur.com/QjWfwFX.png" title="фестиваль: +1 задание в сутки"> <img src="https://i.imgur.com/JONV4p7.png" title="фестиваль: +1 бесплатное задание"> <img src="https://i.imgur.com/W82sJrr.png" title="зачисление любой награды из башни мага автоматом"> <img src="https://i.imgur.com/1G1QWLg.png" title="неделя в квесте недели автоматом"> <img src="https://i.imgur.com/zuIr7yd.png" title="проведение поводов вне очереди"> <img src="https://i.imgur.com/qjub5Y9.png" title="выбрать эпизод недели"> <img src="https://i.imgur.com/wYw4ROl.png" title="возможность подать анкету по упрощённому шаблону"> <img src="https://i.imgur.com/mUocy7C.png" title="100 баллов кирпичей"> <img src="https://i.imgur.com/vjROIfD.png" title="пропуск дня в онлайне (нельзя использовать больше одного купона подряд)">
</div>

<br><br>
решил я и отсебятины немного принести, а кто мне запретит, верно? надеюсь, что не ты! красивая, конечно, мне досталась девушка - любовался, любовался и не смог пройти мимо эстетики вот этой чудной! дедушке правда сложновато находить подходящие слова, ты если подсобишь, то я, конечно, рад буду - музыки твоей любимой (а лучше идеально подходящей сайв) мне, конечно, не хватает!


<div class="title-sive">ВНИМАНИЕ! АВАТАРЫ</div>
<div class="sive_slogan">нажми, чтобы увеличить</div>
<div class="sive_iconostasis"><img src="https://i.imgur.com/mVdQqfn.gif" width="100" onclick="changeSizeAvImage(this)" />  <img src="https://i.imgur.com/fqKP7Vu.gif" width="100" onclick="changeSizeAvImage(this)" />   <img src="https://i.imgur.com/Xou8W9c.gif" width="100" onclick="changeSizeAvImage(this)" /></div>

<br><br>
не все подарки я тебе, конечно, принёс - ещё зайду, а то всё в мешок то и не поместилось! но сову я тебе нашёл, смотри какая!
<div class="sive-gifts">
<img src="https://i.imgur.com/PBuDnZz.png" title="совунья для совуньи! пусть все будет хорошо!">
<br>совунья для совуньи! пусть все будет хорошо!
<br>6.039
</div>
<br><br>
да ещё и не одну! хотя сов, конечно, в местном банке маловато-маловато, надо бы с этим что-то сделать!
<div class="sive-gifts">
<img src="https://i.imgur.com/nmsqAo0.png" title="мандаринового настроения!">
<br>мандаринового настроения!
<br>9.051
</div>

<br><br>ну всё, внученька!
<br><br>
 побежал я по делам своим стариковским, но ты не огорчайся - я скоро вернусь! подарков у меня ещё не мало для тебя приготовлено - возраст просто своё берёт, всё сразу и не принести...
<div class="sign-sive">- твой дед</div>
</div>


</div>
</div>

<!--HTML-->
<style type="text/css">
.frame-sive{
    position: relative;
    height: 500px;
    width: 500px;
    margin: auto;
    border: 24px solid #efefef;
}

.sive-image-3 {
    position: absolute;
    background-image: url(https://i.imgur.com/VKHBLmt.png);
    height: 500px;
    width: 500px;
}



.title-sive {
    font-size: 32px;
    margin: 10px;
    font-weight: bold;
    text-align: center;
}

.sign-sive {
    font-size: 32px;
    margin: 10px;
    font-weight: bold;
    text-align: right;
}

.desc_sive{
    height: 482px;
    width: 482px;
    left: 50%;
    transition: all .6s ease-out;
    background-color: #fff;
    position: absolute;
    z-index: 8;
    top: -5px;
    opacity: 0;
    padding: 15px;
    overflow-y: auto;
    font-size: 10px;
    text-transform: lowercase;
}



.sive-image-3:hover > .desc_sive{
    left: -5px;
    top: -5px;
    opacity: 1;
}

.sive-image-3:hover > .sive-text-3 {
    opacity: 0;
}

.sive-text-3 {
    width: 300px;
    /* height: 120px; */
    background: transparent;
    /* margin: auto; */
    position: absolute;
    color: #fff;
    /* margin-top: 50%; */
    margin-top: 85%;
    margin-left: 20%;
    z-index: 200;
    padding: 10px;
    font-size: 46px;
    text-align: center;
    /* border: 10px solid #710609; */
    text-transfrom: uppercase;
    text-transform: uppercase;
    font-family: "Bebas Neue";
    letter-spacing: 2px;
}

.sive-first-block{
display: inline-block;
    width: 485px;
}

.sive-about{
    text-align: justify;
    width: 230px;
    padding: 2%;
    display: inline-block;
    font-size: 10px;
    text-transform: lowercase;
}

.sive-profile{
    display: inline-block;
    width: 210px;
    padding-left: 20px;
    padding-top: 25px;
    /* margin-top: -5px; */
    vertical-align: top;

}

.sive-profile img {
margin-bottom: 5px;
    width: 200px;
    height: 200px;
    filter: grayscale(1);
    transition: filter 2s ease;
}

.sive-profile img:hover {
     filter: none;
}

.subtitle-sive {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.sive_iconostasis {
    width: 440px;
    overflow-x: hidden;
    /* height: 90px; */
    overflow-y: hidden;
    margin-top: 20px;
}

.sive_iconostasis img {
    margin-left: 6px;
    margin-bottom: 10px;
    display: inline-block;
    filter: grayscale(0.5);
    transition: all .6s ease-out;
}

.sive_iconostasis img:hover {
   filter: none;
   position: relative;
   z-index: 10;
}


.sive_ae {
    margin: 10px 0 0 0;
    width: 460px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 5px;
}

.sive_ae img {
    margin: 10px 9px 0px 9px;
    display: inline-block;
    transition: all .6s ease-out;
    filter: grayscale(0.5);
}

.sive_ae img.extra {
width: 290px;
height: 167px;
}

.sive_ae img:hover {
   filter: none;
}

.sive_slogan {
    width: 98%;
    text-align: center;
    padding: 4px;
    margin-top: -6px;
    border-bottom: 1px solid #000;
}

.sive-coupons {
text-align: center;
}

.sive-coupons img {
margin-left: 3px;
margin-bottom: 3px;
}

.sive-gifts {
text-align: center;
    margin: 5px;
    padding: 5px;
    border: 5px solid #efefef;
}


}

</style>

<script>
var bigsize = "442"; //Размер большой картинки
var smallsize = "210"; //Размер маленькой картинки
function changeSizeImage(im) {
  if(im.width == bigsize) im.width = smallsize;
  else im.width = bigsize;
}
</script>

<script>
var avbigsize = "180";
var avsmallsize = "100";
function changeSizeAvImage(im) {
  if(im.width == avbigsize) im.width = avsmallsize;
  else im.width = avbigsize;
}
</script>


<div class="frame-sive">
<div class="sive-image-3">
<div class="sive-text-3">Dear Sive!</div>
<div class="desc_sive">
<div class="title-sive">ho-ho, дорогая!</div>
<div class="sive_slogan">не бойся это я твой санта</div>
<div class="sive-first-block">
<div class="sive-profile"><img src="https://i.imgur.com/pPpFDRp.png"></div>
<div class="sive-about"><br>ну здравствуй, внученька! <br><br> обещал я навестить тебя в новый год и не соврал! потому что я человек слова, а как иначе в наши нелёгкие времена то?<br><br>
поздравляю тебя с новым годом от всей души! надеюсь, что отпраздновала ты тоже от души, и что новый год выглядит чертовски перспективным! 
<br><br>
и салаты надеюсь были вкусными, и елка горела ярко, и всё это благие знамения! ведь если прошлый год был не наш, то этот точно будет наш, веришь мне? я бы на твоём месте поверил! я знаю в этом толк
</div>
</div>
<br><br>и пусть в новом году тексты твои чудесные пишутся как никогда раньше не писались, пусть все твои истории оживут и будут чертовски увлекательными, пусть вдохновения поселится в твой дом и никогда его не покидает! сил, конечно, желаю (кажется, уже желал, но мало их не бывает), опять же здоровья, настроения чудесного, историй по жизни восхитительных и чудес, чудес, конечно, побольше таких и этих!
<br><br>
принёс я тебе одежки немного, ну а как же красавица такая и без красивой одежки? вот я и подумал, что никак! надеюсь, что понравится, а то дед старый уже в трендах понимает мало, но в красивых женщинах всё ещё разбирается, таких как ты, хо-хо-хо!


<br><br>
<div class="sive_slogan">нажми, чтобы увеличить</div>
<div class="sive_iconostasis"><img src="https://i.imgur.com/EGkc61V.png" width="100" onclick="changeSizeAvImage(this)" />  <img src="https://i.imgur.com/JHmAD4V.png" width="100" onclick="changeSizeAvImage(this)" />   <img src="https://i.imgur.com/fvUyeSY.png" width="100" onclick="changeSizeAvImage(this)" /></div>

<br><br>
ну и подарков всяких разных тоже для тебя приберёг, а то как по-другому то? вела ты себя в этом году хорошо - я проверял! вот и подарки тебе положены

<br><br>
<div class="sive-gifts">
<img src="https://i.imgur.com/VbUSB4m.png" title="пусть новый год будет сладким как эти печеньки!">
<br>пусть новый год будет сладким как эти печеньки!
<br>9.019
</div>
<br><br>

<div class="sive-gifts">
<img src="https://i.imgur.com/L9ow3kG.png" title="пусть всё в новом году будет волшебным как мир в этом шаре!">
<br>пусть всё в новом году будет волшебным как мир в этом шаре!
<br>9.105
</div>

<br><br>
<div class="sive-gifts">
<img src="https://i.imgur.com/UCiKNd5.png" title="пусть год будет ярким как эта кола с подарком!">
<br>пусть год будет ярким как эта кола с подарком!
<br>9.114
</div>
<br><br>

<br><br>ну всё, внученька!
<br><br>
прощаюсь я с тобой! надеюсь, что порадовал, приодел, улучшил твоё финансовое и прочее состояние, и в целом надеюсь, что пришлись мои поздравления по душе!
<div class="sign-sive">- твой дед</div>
</div>


</div>
</div>